JavaScript知识点总结(上)

一.Javascript的含义

是一种解释性的语言,主要给网页添加各色各样的动态功能,同时为用户提供浏览效果。

 

二.JavaScript的主要特点

1. 简单性

2. 动态性

3. 安全性

4. 跨平台性

三.JavaScript的组成

1. ECMAScript :描述语言的语法和基本对象

2. BOM:描述网页内容的方法和接口

3. DOM:描述与浏览器进行交互的方法和接口

四.JavaScript的三种引入方式

1.标签内引入

2.内部引入

3.外部引入

 

五.javaScript语法的基本要求

1.按照顺序依次执行

 

2.严格区分的大小写

 

3.javascript中的结束分号不能省略

 

4.javascript中会忽略空白符和换行符

六. JavaScript常用的调试方法

1.alert()

 

2.confirm();

 

3.prompt();

 

4.console.log();

 

5.document.write()

七.表示符的使用规则

1.只用用数字、字母、下划线、$

 

2.不能使用数字开头

 

3.区分大小写

 

4.不能用关键字

 

5. 驼峰命名法

八.javaScript中常见的数据类型

1.Number

 

2.Boolean

 

3.undefined

 

4.Null

 

5.String

 

6.Object

九. 算术运算符

+、-、*、/、%。

 

1.+ 运算符:运算规则

 

* 如果两个都是Number则,则就按照普通的数学加法运算。

 

* 如果有一个是字符串,就按照字符串的串联的方式连接。(如果另外一个不是字符串,则先转换成字符串再连)。

* 如果有一个是NaN,则结果就是NaN。

*如果同时是Infinity或-Infinity,则结果就是Infinity或-Infinity。

* 如果一个是Infinity另外一个是-Infinity,则结果为NaN。

 

2.- 运算符:运算符规则

 

- 如果两个都是Number则,则就按照普通的数学减法运算。

- 如果有一个操作数是字符串、布尔值、null 或undefined,则先在后台调用Number()转型函数将其转换为数值,然后再根据正常减法计算。如果转换的结果有一个是NaN,则减法的结果就是NaN

* 如果有一个操作数是对象,则调用对象的valueOf()方法以取得表示该对象的数值。如果得到的值是NaN,则减法的结果就是NaN。如果对象没有valueOf()方法,则调用其toString()方法并将得到的字符串转换为数值(了解)

 

3.* 运算符:运算符规则。

 

- 运算规则同减法。

 

1. / 运算符:运算规则

 

- 就是普通的除法运算,运算规则同 *

 

4. %运算符:运算规则

 

- 求余(求模)运算。

十.javaScript中常见的运算符

1.逻辑与  (  只要有一个是false,则返回false)

 

2.逻辑或   (只要有一个是true,结果就是true)

 

3.逻辑非    (先转换成Boolean值,再取反得到最终的结果)

 

###   &&()和|| 的结果总结:

 

1. 如果第一个能够决定结果,则结果就是第一个表达式的值

2. 如果第一个不能决定结果,则结果就是第二个表达式的值

十一.JavaScript中的判断语句

1.if语句

 

>##### 语法:

 

if(condition){

  //语句1

}

 

2.if...else语句

 

>##### 语法:

 

if(condition){

  //语句1

}

 

else{

  //语句2

}

 

3.    if...else if...elsif... 语句

 

>##### 语法:

 

if(condition1){

  //语句1

}

 

else if(condition2){

  //语句2

}

 

...

 

else if(condition3){

  //语句n

}

 

4.if...else if...else ...else语句

 

>#####  语法:

if(condition1){

  //语句1

}

 

else if(condition2){

  //语句2

}

 

...

 

else if(condition3){

  //语句n

}

 

else{

  //else语句

}

5. switch条件语句

 

>##### 语法:

switch (expression) {

 

  case value1:

    //语句1

  break;

 

  case value2:

    //语句2

  break;

 

  case value3:

    //语句3

  break;

 

  case value4:

    //语句4

  break;

 

  default:

 

}

十二.JavaScript中的循环结构

1.for循环

 

语法:

for(表达式1; 表达式2; 表达式3){

      //循环体

}

 

>注意:

 

- 3个表达式的都可以省略。

- 对表达式1和表达式3省略,对for循环没有任何影响,只是少执行了代码而已。

- 如果表达式2省略,表示此处为true,那么这个循环就是死循环。

- 如果第一次检查表达式2的时候就是false,则循环体内的代码可能一次也不执行。

 

2.while循环

 

语法:while(condition){   }

 

>注意:

 

- condition不能省略。如果省略为语法错误

- while循环也有可能一次也不执行。

 

3. do...while循环

 

语法:  do{  //循环体}while(condition);

 

>注意:

 

- condition条件不能省略,省略语法错误。

- 由于先执行在判断,所以,对do...while 循环来说,循环体至少执行一次。

十三. javaScript中的两个特殊控制语句

1.break语句

作用:在循环体中,break会提前结束循环

 

>例如:

 

for(var i=0;i<6;i++){

 

    if(i==5){

        break;

    }

    console.log(i);

}

 

2.continue语句

作用:在循环体中,continue会结束本次循环,不会执行剩余的代码,不过会继续执行它外层的循环

>例如:

 

for(var i=0 i<10;i++){

 

    if(i==6){

        continue;

    }

 

}

十四.自定义函数

语法:

 

function 函数名(形式参数1, 形式参数2, ...){

//函数体

}

 

例如:

 

function mer(a,b,c){

var m=a+b;

}

 

2.函数的调用

 

语法:

方法名(实参1,实参2);

例如:

function mer(m,n){

var m=n;

}

alert(mer(10));

 

本文转载自:https://www.juchengvi.com/looknews/127

posted @ 2020-07-27 11:05  jucheng  阅读(180)  评论(0编辑  收藏  举报