码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • ESMAScript(1)


    目录

    ES5

    严格模式

    理解

    目的/作用

    使用

    语法和行为改变

    JSON对象

    JSON.stringify(obj/arr)

    JSON.parse(json)

    Object对象方法扩展

    Object.create(prototype,[descriptors])

    Object.defineProperties(object,descriptors)

    数组的扩展

    Array.prototype.indexOf(value)

    Array.prototype.LastIndexOf(value)

    Array.prototype.forEach(function(item,index){})

    Array.prototype.map(function(item,index){})

    Array.prototype.filter(function(item,index){})

    Function扩展

    bind()、call()和apply()区别


    它是一种由ECMA组织(前身为欧洲计算机制造商协会)指定和发布的脚本语言规范。而JavaScript就是ECMA的实现,但术语ECMAScript和JavaScript平时表达同一个意思。

    JS包含三个部分:

    • ECMAScript(核心)
    • 扩展==>浏览器端

            BOM(浏览器对象模型)

            DOM(文档对象模型)

    • 扩展==>服务器端

            Node

    ES5

    严格模式

    理解

    除了正常运行模式(混杂模式),ES5添加了第二种运行模式:“严格模式”(strict mode)。顾名思义,这种模式使得JavaScript在更严格的语法条件下运行。

    目的/作用

    • 消除JavaScript语法的一些不合理、不严谨之处,减少一些怪异行为
    • 消除代码运行的一些不安全之处,为代码的安全运行保驾护航
    • 为未来新版本的JavaScript做好铺垫

    使用

    在全局或函数的第一条语句定义为:"use strict"

    如果浏览器不支持,只解析为一条简单的语句,没有任何副作用

    语法和行为改变

    • 必须使用var声明变量
    • 禁止自定义的函数中的this指向window
    • 创建eval作用域(不会污染全局)
    • 对象不能有重名属性

    JSON对象

    JSON.stringify(obj/arr)

    js对象(数组)转换为json对象(数组)

    JSON.parse(json)

    json对象(数组)转换为js对象(数组)


    Object对象方法扩展

    ES5给Object扩展了一些静态方法,常用的2个:

    Object.create(prototype,[descriptors])

    作用:以指定对象为原型创建新的对象

    为新的对象指定新的属性,并对属性进行描述

            value:指定值

            writable:标识当前属性值是否可以修改,默认为false

            configurable:标识当前属性是否可以被删除默认为false

            enumerable:标识当前属性是否能用for in 枚举,默认为false

    Object.defineProperties(object,descriptors)

    作用:为指定对象定义扩展多个属性

            get:用来获取当前属性值的回调函数

            set:修改当前属性值的触发回调函数(当扩展属性发生变化时自动回调),并且实参即为修改后的值

    存取器属性:setter,getter一个用来存值,一个用来取值


    数组的扩展

    Array.prototype.indexOf(value)

    得到value在数组中的第一个下标

    Array.prototype.LastIndexOf(value)

    得到value在数组中最后一个下标

    Array.prototype.forEach(function(item,index){})

    遍历数组

    Array.prototype.map(function(item,index){})

    遍历数组返回一个新的数组,返回调用函数之后的值

    Array.prototype.filter(function(item,index){})

    遍历过滤出一个新的子数组,返回条件为true的值


    Function扩展

    bind()、call()和apply()区别

    这两个都是用来指定函数中的this

    参数的传入形式不同:

    call()从第二个参数开始,以此传入

    apply()第二个参数为数组,传入的参数放在数组里

    bind()的特点:绑定完this不会立即调用当前的函数,而是将函数返回。传入参数的方式与call()相同

  • 相关阅读:
    向日葵资深产品总监技术分享:“国民远控”如何在AD域环境下应用
    在Docker环境下部署GeneFace++项目
    从简单代码入手,分析线程池原理
    字节面试问到CPU的多级缓存架构,诸佬们怎么回答?
    C++ 虚函数表原理和类的内存分布
    PHP代码审计DVWA\PHP代码审计DVWA文件上传[File Upload]
    CSDN课程推荐:《ARMv8/ARMv9架构学习》系列课程上线-56节18小时
    2022CSP-J 题解[持续更新ing]
    算法书学习笔记
    计算机设计大赛 深度学习疲劳检测 驾驶行为检测 - python opencv cnn
  • 原文地址:https://blog.csdn.net/qq_60179418/article/details/125612198
  • 最新文章
  • 沪漂五周年了:我越来越迷茫了
    Agentic Skill Routing 实战:别再把所有 Skill 塞进 AI Agent 上下文
    MySQL-Seconds_behind_master的精度误差
    [MAF预定义ChatClient中间件-03]CachingChatClient——利用缓存省钱省时间
    AI的至暗历史:从万众期待到被政府撤资,AI的两次死亡徘徊
    Agent OS :五种驯服不确定性的范式
    PortSwigger SQL注入LAB11
    数据库即时编译JIT
    [Begin]AI Learn Data Day 0
    深度学习进阶(二十七)现代 LLM 的核心架构设计其二:SwiGLU
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
小工具 小游戏
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1

京公网安备 11010502049817号