3--JavaScript基础

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 以后扩展来使用

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循环

热门相关:亿万盛宠只为你   万古至尊   锦庭娇   戏精老公今天作死没   富贵不能吟