3–JavaScript基础

  • 3–JavaScript基础已关闭评论
  • 159 次浏览
  • A+
所属分类:Web前端
摘要

JavaScript,缩写为JS,是一种高级的、多范式、解释型的编程语言,是一门基于原型、函数先行的语言,它支持面向对象编程、命令式编程以及函数式编程,是目前web开发中不可缺少的脚本语言,不需要编译即可运行


1.概述

JavaScript,缩写为JS,是一种高级的、多范式、解释型的编程语言,是一门基于原型、函数先行的语言,它支持面向对象编程、命令式编程以及函数式编程,是目前web开发中不可缺少的脚本语言,不需要编译即可运行

JavaScript主要用来向HTML页面添加交互行为,可以直接嵌入HTML页面,但写成单独的js文件有利于结构和行为的分离,具有跨平台特性,在绝大多数浏览器的支持下,可以在多种平台下运行(如Windows,Linux,Mac,Android等)

2.嵌入方法

2.1 嵌入式

理论上js可以写在任何地方,但是一般写在head标签或者body标签里

<script>             alert("内嵌式"); </script>

2.2 外部式

建立一个外部js文件写入js语句,通过script标签对引入到HTML页面里

<script src="index.js"></script>

2.3 行内式

直接写在标签身上,是一个简写的事件,所有又称为事件属性

<input type="button" value="点击" onclick="alert('行内式')"> <button onclick="alert('行内式');">             再次点击 </button>

3.语句要求

JavaScript 语句由值、运算符、表达式、关键词和注释构成

注释:

  单行注释:  //注释内容

  多行注释:  /*注释内容*/

变量:用于存储信息的容器,定义变量用var关键字

var a="lxl";

在JavaScript中,单双引号没有区别

4.保留关键字

保留关键字不可以用作变量、标签或者函数名,有些保留关键字是作为 JavaScript 以后扩展来使用

3--JavaScript基础

5.作用域

5.1 局部变量

变量在函数内声明,变量为局部作用域

function test1(){                 var x="apple";                 alert(x);             }

即函数内可调用变量,函数外不可调用变量

5.2 全局变量

变量在函数外声明,变量为全局作用域

var y="orange"             function test2(){                 alert(y);             }             alert(y);

即函数内可调用变量,函数外也可调用变量

6.数据类型

数值型:number(凡是数字都是数值型,不区分整数和小数)

字符串型:string(凡是引号中的内容都是字符串型)

对象类型:object(特殊取值null)

布尔型:boolean(true、false)

未定义型:undefined

判断类型:typeof(输出要判断的数据类型)

7.运算符

算数运算符:+   -   *   /   %   ++   --

字符串拼接使用“+”

比较运算符:>   <   >=   <=   !=   ==   ===   !==

逻辑运算符:&&   ||   !

赋值运算符:=   +=   -=   *=   /=   %=   

8.条件控制语句

8.1 if语句

if(条件){                 函数体             }

8.2 if...else语句

if(条件){                 函数体1             }else{                 函数体2             }

8.3 if...else if...else语句

if(条件1){                 函数体1             }else if(条件2){                 函数体2             }else if(条件n){                 函数体n             }else{                 函数体             }

8.4 switch...case语句

switch(表达式){                 case 1:                     代码块1;                     break;                 case n:                     代码块n;                     break;                 default:                     代码块;                     break;             }

8.5 三元表达式

表达式1?表达式2:表达式3

当表达式1成立时,执行表达式2,否则执行表达式3

var max = 2>1? "true" : "false";             console.log(max);

9.循环语句

9.1 for循环

for(初始变量;条件;迭代变量){                 循环体             }

嵌套循环:双重for循环

内外变量名不能重复,外层循环不能使用内层循环的变量

使用嵌套循环打印九九乘法表:

for (var i = 1; i <= 9; i++) {             //外层循环控制行数             for (var j = 1; j <= i; j++) {                 //内层循环控制每一行的个数                 str += j + '×' + i + '=' + i * j + 't';             }             str += 'n';         }         console.log(str);

9.2 while循环

while(循环成立条件){                 循环体             }

先判断条件,当条件成立时,再执行循环体

9.3 do...while循环

do{                 循环体             }             while(循环成立条件)

先执行一次循环体,再判断条件,当条件成立时,继续执行循环体

9.4 结束循环

continue : 跳出当前循环,继续下一次循环

break : 退出,结束整个循环

10.数组