JS基础学习01

1. 什么是JS

JS全名JavaScript,它是一门基于对象和事件的,并且具有安全性的脚本语言,它包括:ECMAScript、DOM、BOM。

关于它的历史可以去网上搜到,这里不做说明。

2. JS的书写位置

2.1 书写在html中script标签中:<script type="text/javascript">这里书写script代码</script>

在html中script标签可以写在head标签里,也可以写在body标签里,也可以写在html标签最后。

如果页面中有html代码,建议将js代码写在这些标签之后。

2.2 也可以写在js文件中,html通过<script src="js文件路径"></script>来引入。

3. JS中的输出方式

alert(""):弹出一个提示框;

document.write(""):在浏览器中输出内容;

console.log(""):在控制台中输出消息;

confirm(""):弹出一个确认框;

prompt(""):弹出一个输入框;

4. 变量

4.1 什么是变量

变量是用来帮助我们存储和使用数据的容器。

4.2 变量的命名

变量的命名建议使用有意义的英文单词,可以遵循驼峰命名法,首字母小写第二个单词开始首字母大写,如:userName,userPwd等。

禁止使用JS中的关键字和保留字。

4.3 变量的重复赋值

一个变量可以重复多次进行赋值,如:

var age = 18;

age = 81;

age = 28;

console.log(age);

最后变量的输出值为最后赋值的值。

5. 基础数据类型

5.1 数字类型

包括所有整浮、正负的阿拉伯数字和NaN。NaN:not a number

5.2 字符串类型

用""或者''包起来的都是字符串。

其中还包括转义字符的使用,列如:\'(输出单引号);\"(输出双引号);\\(输出反斜杠);\n(换行)等。

5.3 Boolean类型

只有两个值:true,flase。

在JS中,null、undefined、0、“”、flase、NaN代表flase

5.4 undefined类型

只有一个值就是undefined(未定义),代表变量声明了但是没有赋值。

5.5 null类型

null表示一个空的对象。

除了null类型外,都可以使用typeof关键字来检测变量的数据类型。

6. 运算符

6.1 算术运算符

()括号为提升计算的优先级的作用。

二元运算符:

+加号运算:1、数字+数字的时候,得到两个数字的和;2、+两侧有一个为字符串时,得到的是两个数据的拼接结果。

-减号运算:1、-两侧的数据为数字或者以数字为内容的字符串时,得到两个数据的差;2、-两侧有内容不全为数字的字符串时,得到NaN。

/除号、*乘号、%取余的运算方式和-减号一样。

一元运算符:

++  --

后加加(减减),参与运算的时候,先用自身的原值参与运算,之后再将自身的值加1(减1);而前加加(减减),是先将自身的值加1(减1),而后拿着现在加1(减1)后的值,再参与运算。

复合赋值运算符:

将=(赋值运算符)和算术运算符进行了一个合写,如-=、+=、*=、/=、%=。

6.2 关系运算符

关系运算符是用来描述事物两者之间的关系,有如下几种:

>(大于)、<(小于)、>=(大于等于)、<=(小于等于)、==(等于)、!=(不等于)、===(严格等于)、!==(严格不等于)

6.3 逻辑运算符

逻辑与&&

表达式1

表达式2

表达式1&&表达式2

true

true

true

True

False

false

False

True

false

False

False

false

逻辑或 ||

表达式1

表达式2

表达式1||表达式2

    True

True

   true

True

False

true

False

True

true

False

False

false

 

逻辑非 !

表达式

!表达式

True

false

False

true

 

6.4 运算符的优先级

优先级从高到低:

()优先级最高;

一元算术运算符++、--和逻辑非!;

二元算术运算符,先*、/、%后+、-;

关系运算符>、>=、<、<=;

相等关系运算符==、!=、===、!==;

逻辑运算符,先&&后||;

赋值运算符=。

posted @ 2016-07-27 23:45  5毛钱小辣条  阅读(314)  评论(0编辑  收藏  举报