首页 > 代码库 > 初入javascript知识点(一)

初入javascript知识点(一)

javascript引入

  1. 内嵌

  2. script标签引入,一般是在body结束标签前引入<script type=‘text/jacascript‘ src=http://www.mamicode.com/‘JS文件的地址‘></script>

数据类型

在JavaScript中一种有5种原始类型

  • 数值类型(number)

  • 字符串类型(string)

  • 布尔值类型(boolean)

  • null 代表空

  • undefined 未定义

变量的命名规则

  • 第一个字符可以是任意Unicode大小写字母,以及美元符号($)和下划线(_)。

  • 第二个字符及后面的字符,还可以用数字。不能使用保留字作为变量名

JavaScript保留字

abstractboolean break bytecase catch char class const continuedebugger default delete do doubleelse enum export extendsfalse final finally float for functiongotoif implements import in instanceof int interfacelongnative new nullpackage private protected publicreturnshort static super switch synchronizedthis throw throws transient true try typeofvar void volatilewhile with

操作符

  • 一元操作符 操作一个数

  • 二元操作符 操作二个数

  • 三元操作符 操作三个数

返回值

操作符运算的运算结果

递增++ 递减--

a++

自增操作符在操作数的后面,会把操作数加1之前的值作为返回值

++a

自增操作符在操作数的前面,会把操作数加1之后的值作为返回值

+ 一元加

取本身,同时将其他类型数据转换为数值类型的数据

- 一元减

取相反数

typeof

返回值是操作数的类型的名称

算数操作符

+ - * / %取余数

NaN =NotaNumber

逻辑操作符

不同类型的值转换成布尔值

空字符串 => false 其他都为true 这个空是指不含有字符串不是含有空格的字符串
数值0 => false其他都为true
null => false
NaN => false
undefined => false
1.逻辑非!

操作符在操作数的前面,先求操作数的布尔值,返回这个布尔值相反的布尔值

2.逻辑与$$连续的两个$

对第一个操作数求布尔值。如果这个值为true,返回值为第二个操作数;否则,返回值为第一个数。

3.逻辑或||连续的两个|

对第一个操作数求布尔值。如果这个值为true,返回值为第一个操作数;否则,返回值为第二个数。

短路操作

在逻辑与$$或逻辑或||中,如果第一个操作数就能确定返回值的结果,则不会计算第二个操作数。

关系操作符

小于(<)、大于(>)、小于等于(<=)、大于等于(>=)这几个关系操作符用于对两个值进行比较,比较的规则与我们在上数学课上所学的一样。这几个操作符都会返回一个布尔值。

相等操作符

相等操作符(==)、不相等操作符(!=)、全等操作符(===)、不全等操作符(!==)

相等和不相等 => 先转换类型再比较

全等和不全等 => 仅比较而不转换类型

条件操作符(三目运算)

操作数1?操作数2:操作数3对1去布尔值:1为true则返回值为2,1为false则返回值为3

代码注释

源码中被JavaScript引擎忽略的部分就叫做注释,它的作用是对代码进行解释。Javascript提供两种注释:一种是单行注释,用 // 起头;另一种是多行注释,放在 /**/ 之间。

 
 
 
 
 
// 单行注释
?
/*** 多行注释***/
 

判断语句

if语句

语法:

if(表达式1){

 
 
 
 
 
表达式2;
 

}表达式3;

说明: 程序判断表达式1,成立执行表达式2,不成立执行表达式3


2. if...else... 语句

语法:

if(表达式1) {

 
 
 
 
 
表达式2;
 

} else {

 
 
 
 
 
表达式3;
 

}表达式4;

说明: 程序判断表达式1,成立执行表达式2,不成立执行表达式3,再执行表达式4


3. if...else if...

语法:

if(表达式1) {

 
 
 
 
 
表达式2;
 

} else if(表达式3) {

 
 
 
 
 
表达式4;
 

} else if(表达式5) {

 
 
 
 
 
表达式6;
 

} else {

 
 
 
 
 
表达式7;
 

}表达式8;


5. switch结构

var a = 1;

switch(a) {

 
 
 
 
 
case 1 :
    console.log(1);
    break;
case 2 :
    console.log(2);
    break;
case 3 :
    console.log(3);
    break;
default :
    console.log("default");
 

}

说明: break:跳出控制语句;default:当所有case都不匹配时执行default;

初入javascript知识点(一)