2022-07-11 第四小组 孙翰章 JS学习笔记

JavaScript(简称JS)


1.总结​​​​

重点
函数
流程控制语句:两个流程控制质检的互相配合嵌套关系

JS的引入,应该写在什么位置JS的数据类型(数组)变量的定义和声明 var let const
3种弹窗return的作用变量的作用域
运算符typeof(判断数据类型) isNaN(是 不是一个数字)三元运算符


2.JavaScript是什么?

        编程语言,脚本语言,依赖于某种容器来运行。

        JS是运行在浏览器上的,可以帮助我们去控制页面。

        Vue.js   react.js    jquery.js    angular.js    node.js(前端的服务器语言)

JS解释器:

        火狐(spidermonkey)Chrom、node(v8)Safari(JavaScriptcore)cdge(chakra)

JS可以在哪里执行

        (写在网页的什么位置?)—— 写在body结束标签的上方

        确保在执行js的时候要加载的元素已经加载完了

外部引入js


3.JS的简单数据类型:

数字(number)整数、正数、小数、负数
字符串(string)a、中文、@
布尔型(boolean)true(1)、 false(0)
空(null)相当于声明了值为空
undefined(未定义)没有值


4.定义变量

        什么叫变量:开发中尽量减少使用字面量,后期维护困难。在ES6(JS新版本)中,新推出了两个词代替var(尽量不用var)。

let变量用let声明,无法重复定义
const兼容let的功能,const声明的变量就是一个常量


5.JS的复杂数据类型:

(1)数组:

        一个变量对应多个值。       先定义数组,再赋值

        a:使用数组函数(所有的函数一定都有“( )”)

        b:使用new关键字

        c:使用字面量的方式

(2) 函数可以定义一个函数,用来执行一系列代码。     

        函数定义后不会自己执行,需要我们手动调用函数

        a:无参无返回值

        b:无参有返回值

        c:有参有返回值

        d:有参无返回值

        函数内部不可以再声明函数,但是可以调用函数,调用的方式和正常的调用方式相同

        return除了可以返回结果,还可以终止函数的继续执行。

        在开发中,尽量不要在return后写语句。

(3)弹窗:(实质上就是函数)

         a:alert:警告弹窗,没有返回值。

         b:confirm:带有确认和取消的弹窗,有返回值。点确定,返回true;点取消,返回false。

         c:prompt:带有文本框的弹窗,有返回值,返回文本框输入的内容。

         \n可以在弹窗里换行,换行符


6.逻辑判断:流程控制

JS的原理解析:所有的非空的变量都会被解析成1(1代表true)

(1)判断:

  • if...else

        语法:

                多重if

                if...else结构和多重if结构有什么区别?

                if...else是可以嵌套的,可以无限嵌套(但是原则上不要超过三层)

  • switch...case结构:

        语法:

                当表达式的值在case中匹配成果,汇之星对应的代码,但是停不下来,后面的代码会继续执行,所以要添加break。

怎么选
当需求为区间范围时,switch根本无法使用
If ... else ...基本上啥都能干
switch ... case效率高
当需求为固定值,且值不多,用switch...case
能用switch...case解决的尽量不要用if...else
相似点
几乎所有的switch...case都可以转化为if...else
default几乎相当于else
case几乎相当于if
不同点
switch...case需要break
switch...case里面的选项可以杂乱无章


7.三元运算符(三目运算符):

语法是固定的,只能有一个条件、两个选项 

(1)+号的特殊性:

        除了可以进行加法计算之外,还可以做连接符;

        如果先入为主的

        - * / % :

        可以进行类型转换,如果转不了,结果为NaN(not a number)


8.工具:

        typeof:获取数据类型(不是函数,是运算符)    

        nan:判断是否为数字    


所学内容基本掌握

坚持晨跑 心情不错 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值