资讯专栏INFORMATION COLUMN

前端_JavaScript_语法篇

魏宪会 / 387人阅读

摘要:是的一种实现方式,轻量级的脚本语言,本身不提供输入输出相关的,提供。如果同一个函数被多次声明后面的声明就会覆盖前面的声明声明函数的方法函数表达式构造函数数组是方括号里面按次序排列的一组值。

JavaScript

JavaScript是ECMAScript的一种实现方式,轻量级的脚本语言,本身不提供I/O(输入/输出)相关的API,host提供。

语法

变量: 变量是对"值"的具名引用,变量名区分大小写. 声明变量的六种方法:var function let const import class

   变量提升:JavaScript引擎的工作方式,先解析代码,获取所有被声明的变量,然后再一行行地运行.所有的变量声明语句会被放在代码的头部.
   let声明变量:不存在变量提升(先声明后使用),存在块级作用域.存在"暂时性死区"(在let/const未声明前,使用则报错.),暂时性死区的本质是执行当当前作用域,在等到变量声明那一行出现,在获取和使用该变量.不允许重复声明.
   const声明常量,声明之后不可改变,存在块级作用域,存在"暂时性死区",保证了内存地址存在的数据不可改变,指针永远执行它.

标识符: 变量名,函数名等.命名规则,首字母可以是字母或$或_,余下字符:除了Unicode字母,美元符号和下划线,还可以用数字0-9 使用驼峰命名法.

保留字:不能作为标识符使用

agargument,break,case,catch,class,const,continue,debugger,
default,delete,do,else,enum,eval,export,extends,flase,finally,for,function,if,implements,
import,in,instanceof,interface,let,new,null,package,private,
protected,public,return,static,super,switch,this,throw,true,try,typeof,var,void,while,with,yield.

注释: 一种单行注释:用//开头. 多行注释: //之间.

语句: if结构 if..else结构 switch结构 三元运算符?: while循环 for循环 do...while循环 break语句和continue语句 lable标签if语句,if-else语句,switch语句,注意switch语句后面的表达式,与case语句后面的表达式比较运算结果时,采用的是严格相等运算符(===),而不是相等运算符(==),即不会发生类型转换.

数据类型

七种: number (数字),string(字符串),boolean(布尔型),undefined(未定义),null(空),object(对象), Symbol(复合).

  原始类型:Number/String/Boolean ,特殊值:null/undefined. 
  合成类型:object,存放许多值的容器.对象细分为:狭义的对象,数组,函数.
  判断一个值的类型: typeof运算符, instanceof运算符 object.prototype.toString运算符
  历史遗留,typeof null 会返回object instanceof可以区分array和object

null和undefined: null是一个表示"空"的对象,转为数值时为0,undefined是一个表示"此处无定义"的原始值,转为数值为NaN.
null:好比待补球员. undefined: 当变量声明了,但没有赋值,调用函数时,该提供的参数没有提供,该参数等于undefined.对象没有赋值的属性,函数没有返回值时,默认返回undefined.

Bollean:真true,假false.以下运算符返回布尔值,前置逻辑运算符! ,相等运算符 === !== == != 比较运算符 > >= < <=
以下六个值被转为false(undefined,null,false,0 NaN, ""或"),其他值都视为true,空数组{}和空对象对应的布尔值都是true.

number: 在JavaScript内部,所有的数字都是小数(64位浮点数),对于某些运算需要整数,会自动把64位数浮点数转换为32位整数,再进行运算. Js中最大数值为2的1024次方,超出则Infinity. Js中最小值为2的-1075次方,超出则0.
数值的进制:十进制,十六进制(0x或0X),八进制(0o或0O),二进制(0B或0b).历史遗留,0888会被看做八进制.

   特殊数值:正零和负零,Js内部的2个0,一个是+0,-0,区别是64位浮点数表示法的符号位不同,它们为等价的。
   NaN是JavaScript的特殊值,数据类型依然属于Number,表示“非数字”,主要出现在将字符串解析成数字出错的场合。NaN不等于任何值,包括它本身。
   Infinity.表示“无穷”。

string:字符串"abc"或"abc", 要在""里面使用单引号加反斜杠,用来转义。 length属性返回字符串长度。
object:object是JavaScript语言的核心概念,对象是一组"键值对(key-value)"的集合,属性的读取与赋值(.运算符和[]运算符)
查看一个对象本身的所有属性,可以使用object.keys方法. 属性的删除,只能删除对象本身的属性 delete Objectname.value;
属性是否存在 in运算符 "value" in Objectname; 属性的遍历 for..in循环,用来遍历一个对象的全部属性,不仅遍历对象自身的属性,还遍历继承的属性。

function:函数是一段可以反复调用的代码块,是处理数据的方法,是JavaScript的第一等公民。函数还能接受输入的参数,不同参数返回不同值。
如果同一个函数被多次声明,后面的声明就会覆盖前面的声明.
声明函数的方法:function 函数表达式 Function构造函数
array: 数组是方括号里面按次序排列的一组值。可以先定义后赋值,可以放入任何数据类型。

运算符

处理数据的基本方法,从现有的值得到新的值.
算术运算符,比较运算符,布尔运算符,二进制运算符,其他运算符,运算顺序.
算术运算符:加法运算符(+),减法运算符(-),乘法运算符(),除法运算符(/),指数运算符(*)余数运算符(%),自增运算符(++x/++x),

自减运算符(--x/x--),数值运算符(+),负数值运算符(-x)
加法运算符允许非数值的相加.

比较运算符: >(大于运算符) <(小于运算符) <=(小于或等于运算符) >=(大于或等于运算符) ==(相等运算符) ==(严格运算符) !=(不相等运算符)
!==(严格不相等运算符)
布尔运算符:!(取反运算符) &&(且运算符) ||(或运算符) ?:(三元运算符) ·以下运算符(undefined,null,false,0,NaN,"")取反为true.
二进制位运算符:
其他运算符,运算顺序:
void运算符,执行一个表达式,如何不返回任何值.或者返货undefined.
逗号运算符,用于对两个表达式求职,并返回后一个表达式的值.
运算符的优先级别:

()最高

一元运算符 ++ -- !.

算术运算符: 先* / % 后 + -

关系运算符 > >= < <=

相等运算符 == != === !==

逻辑运算符 先$$ 后||

专题一:数据类型的转换

Number(),解析为数值,不可解析与undefined则NaN,空字符串与null则为0,true转为1.false转为0.
String(),解析为字符串。
Boolean(),转为布尔值,以下五个值(undefined,null,-0或+0,NaN,""(空字符串))的转换结果为false,其他的值为true.

专题二: 执行上下文与内存空间

在JavaScript中,所有数据保存在堆(heap)里面,执行上下文的的执行顺序借用栈数据结构的存取方式.栈是先进先出(FIFO),而JavaScript具有垃圾回收机制,通过标记清除算法清除不再使用的对象.
一个页面开始加载JS就进入全局环境,每段函数的加载,进入函数环境(又称为执行上下文).执行上下文分为两个阶段:创建阶段:(创建变量对象,建立作用域链,确定this指向)+代码执行阶段(变量赋值,函数引用,执行额外代码)

专题三: 原型与原型链

原型:所有对象都有它.
构造函数:可以通过new创建一个对象.
实例:通过构造函数和new创建的对象就是实例,实例通过_proto_指向原型,通过constructor指向构造函数.
原型链: _proto_将对象连接成原型链,实现继承与共享属性的对象链.

//实例
const instance = new Object()  
//实例为instance 构造函数是Object

参考

(1)网道-互联网开发文档(https://wangdoc.com/).
(2)ECMAScript 6 入门 (http://es6.ruanyifeng.com/).

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/101763.html

相关文章

  • 深入理解JavaScript

    摘要:深入之继承的多种方式和优缺点深入系列第十五篇,讲解各种继承方式和优缺点。对于解释型语言例如来说,通过词法分析语法分析语法树,就可以开始解释执行了。 JavaScript深入之继承的多种方式和优缺点 JavaScript深入系列第十五篇,讲解JavaScript各种继承方式和优缺点。 写在前面 本文讲解JavaScript各种继承方式和优缺点。 但是注意: 这篇文章更像是笔记,哎,再让我...

    myeveryheart 评论0 收藏0
  • JavasScript重难点知识

    摘要:忍者级别的函数操作对于什么是匿名函数,这里就不做过多介绍了。我们需要知道的是,对于而言,匿名函数是一个很重要且具有逻辑性的特性。通常,匿名函数的使用情况是创建一个供以后使用的函数。 JS 中的递归 递归, 递归基础, 斐波那契数列, 使用递归方式深拷贝, 自定义事件添加 这一次,彻底弄懂 JavaScript 执行机制 本文的目的就是要保证你彻底弄懂javascript的执行机制,如果...

    forsigner 评论0 收藏0
  • 【连载】前端个人文章整理-从基础到入门

    摘要:个人前端文章整理从最开始萌生写文章的想法,到着手开始写,再到现在已经一年的时间了,由于工作比较忙,更新缓慢,后面还是会继更新,现将已经写好的文章整理一个目录,方便更多的小伙伴去学习。 showImg(https://segmentfault.com/img/remote/1460000017490740?w=1920&h=1080); 个人前端文章整理 从最开始萌生写文章的想法,到着手...

    madthumb 评论0 收藏0
  • 前端文档收集

    摘要:系列种优化页面加载速度的方法随笔分类中个最重要的技术点常用整理网页性能管理详解离线缓存简介系列编写高性能有趣的原生数组函数数据访问性能优化方案实现的大排序算法一怪对象常用方法函数收集数组的操作面向对象和原型继承中关键词的优雅解释浅谈系列 H5系列 10种优化页面加载速度的方法 随笔分类 - HTML5 HTML5中40个最重要的技术点 常用meta整理 网页性能管理详解 HTML5 ...

    jsbintask 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<