天涯头条

3--JavaScript基础

2023-07-16 20:09 由 lxl3344 发表于 #前端开发

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

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