JavaScript学习笔记

肥牛熟了熟了

已于 2022-09-28 14:34:58 修改

阅读量398

点赞数

分类专栏： html 文章标签：前端

于 2022-09-28 12:01:36 首次发布

本文链接：https://blog.csdn.net/LUOZONGW/article/details/127085031

版权

html 专栏收录该内容

7 篇文章 1 订阅

订阅专栏

JavaScript是什么？

JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。

Script是脚本的意思开发 Web 页面的脚本语言

脚本语言：不需要编译，运行过程中由 js 解释器( js 引擎）逐行来进行解释并执行
编程语言：编译执行

作用：做网页特效和数据交互

JS的组成

ECMAscript基础语法、DOM 文档对象模型、BOM 浏览器对象模型

引入方式

行内式 html标签中

<button onclick="alert('123')">按钮</button>

内嵌式 script标签中按顺序执行放在head上获取不到

  <button id="btn2">按钮2</button>
    <script>
        let btn2 = document.getElementById("btn2");
        btn2.onclick=function(){
            alert("我被点击了");   
        }
        console.log("你好");
        let age = prompt("请输入你的年龄");
        console.log(age,typeof(age));
    </script>

外链式通过script的src属性引入
```
 <script src="my.js"></script>
```

变量

变量是程序在内存中申请的一块用来存放数据的空间。

用于存放数据的容器

声明变量后，计算机自动为变量分配内存空间。通过变量名访问内存中分配的空间

变量命名规范：

不能以数字开头、区分大小写、不能为关键字、驼峰命名

let和var的区别？

let var
版本 ES6 ES5
变量提升无有
块级作用域有无
是否可以重名否是

常量

ES6 const 常量变量声明初始化后不能修改该常量的值

数据类型

基本数据类型

Number Boolean String Undefined Null

双引号和单引号都为字符串型

布尔型和数字型相加的时候， true 的值为 1 ， false 的值为 0 。

Undefined与字符串 +相加拼接

Undefined与数字型或布尔 +相加 NaN

Nav 非数字的number型

null与字符串 +相加拼接

null与数字型或布尔值 +相加相加 true+null = 1 false + null = 0

代表空、否定的值会被转换为 false ，如

'' 空字符 0 NaN null undefined

typeof 获取变量的数据类型

toString() 转换字符串

String() 强制转换

parseInt 转整数

num1 == num2 只判断值

num1 === num2 判断值一致，还判断类型

let age = 0;

age += 5; // age = age+5; 加一个数后再赋值

age = + 5; // ~~若变量为字符串拼接若为数值相加~~ 转换成数字型

输出输入语句

弹窗式 alert() 调试代码或者警告输出

控制台输入 console.log() 快捷键clg 输出在开发者工具控制台

弹窗交互式 prompt("提示文本") 接收输入的数据默认为字符串

for do-whhile while的区别
for(初始化变量;条件表达式;操作表达式){
        //循环体
}

while(条件表达式){
    //循环体
}

do{
    //循环体 
}while(条件表达式);
for循环中的初始化变量相当于计数器，条件表达式用于确定每一次循环是否能被执行，操作表达式执行操作。

for循环声明的初始化变量在for循环结束后不可用，while和do-while的初始化语句还可以继续使用。

for和while先判断条件后循环

循环次数确定：用for循环

for执行初始化操作一次后循环

while先判断条件

do-while先执行循环体一次后判断条件（至少执行一次）

数组

定义：一组可以存放任意数据类型元素的集合

创建方式

如果只传入一个参数，则参数规定了数组的长度

如果传入了多个参数，则参数称为数组的元素
//用new创建
let num1 = new Array();//空数组
let num2 = new Array(0);//空数组
 
let num3 = new Array(2);//长度为2，值为0
let num4 = new Array(2，3);//长度为2，值为[2，3]

//字面量
let arr = [];//空数组
let arr1 = [0];//长度为1，元素为0

函数

函数：就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用。

匿名函数
let getNum = function(a,b){ //形参
    let sum = a+b;
    return sum;//返回数据，跳出函数体
}

let sum = getNum(10,20); //实参
console.log(sum);
具名函数
function getNum(a,b){
    let sum = a+b;
    return sum;
}

let sum = getNum(10,20);//调用
console.log(sum);
直接执行函数 js插件
(function(a,b){
    let sum = a+b;
    console.log(sum);
})(10,20); // 第一个括号逻辑 第二个括号写参数 调用自己