JS部分重要知识点总结

这篇博客总结了JavaScript的重要知识点,包括基本语法特点、引入方式、注释、输出、数据类型、变量、命名规则、数据类型转换、运算符、输入输出、控制流语句(if-else, switch)以及循环(while, do...while, for)。还涵盖了对象类型、函数、作用域、构造函数、垃圾回收机制、闭包和原型等高级概念,最后讨论了var、let和const的区别。" 120987392,10351822,探索 ES6:变量声明、作用域、常量与对象新特性,"['javascript', 'ecmascript', '开发语言']
摘要由CSDN通过智能技术生成

1.js基本语法特点

        (1)、js严格区分大小写

        (2)、每一行代码应该以分号结尾,但是可以省略

        (3)、js代码的执行顺序,从上往下依次执行

2.js的引入方式

js引入到网页的三种方式:

        (1)、行内式 通过 on+事件名 的形式书写js代码(不推荐)

                <button οnclick="alert(123)">按钮</button>-->

        (2)、内部引入式  (通过html中script标签)

                <script>

                        console.log(123)

                </script>

        (3)、外部js文件的引入             

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

                 注意:使用外部js文件引入,需要通过src属性去指定js文件的路径(因为src属性它具备阻塞页面的能力,它会将src所指引的文件全部下载完毕后,才会执行后面的内容,所以,通常会将外部js文件的引入标签放到body的末尾);且在该方式中,不能在script的内容区写额外的js代码,写上了也是无效的!不会执行。

3.注释语句

        单行注释:只注释一行的代码  语法 // 快捷键:ctrl+/

        多行注释:可以同时注释多行  语法  /**/ 快捷键:Alt+Shift+a

4.输出语句

在js中可以通过输出语句,查看对应的数据和结果,输出语句也可以作为调试程序一种手段

JavaScript中有三种输出型语句:

        (1)、页面输出 :该方式所输出的内容,用户可见,会影响页面整体内容! (不推荐)

                document.write('hello world!')      

        (2)、弹窗输出:该方式输出的内容用户也是可见的,并且该方式具备一定的交互能力,但该方式会阻塞后面js代码的执行(不推荐)

                alert('hello world!')

        (3)、控制台输出:使用浏览器的控制台工具,输出数据用户不可见,也不会阻塞代码,但该方式没有与用户的交互(推荐使用)

                console.log('hello world!') //log 没有任何的语义 普通信息

                console.info('输出一条信息')

                console.warn('警告信息')

                console.error('错误信息')

5.数据类型

四基两空一对象 , bigInt

四基:number(数值类型)、string (字符串类型)、bool(布尔类型)、symbol(符号类型)

两空: Null (空对象,空引用) Undefined (未定义的空值)

一对象: Object (对象类型,复杂数据,引用数据类型)

在JavaScript中除开基本数据类型以外,“万物皆对象”

6.变量

变量:变量是存储数据的容器,通过这个容器我们将程序中所用到的数据进行保存!

变量的声明和创建的语法:  var 变量名

7.标识符的命名规则

        (1)、标识符只能由数字、字母、下划线、$组成

        (2)、不能以数字进行开头

        (3)、不能使用关键字或者保留字作为标识符的名字

                关键字:if  else  for  return ...

                保留字:目前某些单词并没有实际的含义,未来可能会被赋予其含义的单词

         (4)标识符的命名严格区分大小写  

        (5)标识符的命名应该遵循'见名知义'

        (6)如果标识符由多个单词组成应采用 驼峰命名法   abcAbcBcc

                比如 blackGroundColor

        - 硬性规则:1、2、3、4

        - 软性规则:5、6

8.数据类型之间的相互转换

        (1) 将其他数据类型转换为 Number,有三个方法可以实现        

                Number();        paserInt();       paserFloat();

        (2)将其他数据类型转换为 字符串类型  string类型  

                toString();        toString();        +

        (3)将其他类型转换为布尔类型 Boolean()

9.运算符

        (1)算术运算符:+        -        *        /        % (模、取余)       **(幂运算)

        (2)一元运算符:+        -        typeof        new        delete        !        ++        --

        (3)自增自减运算符:++        --

        (4)赋值运算符:=

        (5)比较运算符:>        <        >=        <=

        (6)相等运算符:==        !=        ===        !==

        (7)逻辑运算符:&&        ||        !

        (8)条件运算符(三目运算符):表达式1 ? 表达式2 : 表达式3

        (9)括号运算符

        (10)逗号运算符

10.输入语句

js中的输入语句是: prompt函数,通过该函数,可以从浏览器中输入相应的数据,到程序中。输入的数据类型是String类型。

11.if-else语句

if...else 是双分支语句,要么执行if  要么执行else。多个if...else 可以构成,多分支语句。

if...else的配对规则:else永远向上面去找离它最近为配对的if进行配对

注意:else后面没有条件判断,else后面也是只管控一条语句,如果需要管控多条,使用语句块包裹语句!

例:随机输入一个年份,判断 闰年 平年

var year = Number(prompt())      

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值