前端三部曲之JavaScript(js)部分注意事项——第一篇

168 阅读2分钟

学习JavaScript时(下面简称js),感觉这才是前端学习的开始啊!一边听一边操作,唯恐错过一个亿般的紧张。因为js的知识点比较多,我就记一些个人觉得基础或者比较常用但是容易忘记的点。

正式上菜咯!

  1. JavaScript 是一种运行在客户端的脚本语言 (Script 是脚本的意思)

  2. 脚本语言:不需要编译,运行过程中由 js 解释器( js 引擎)逐行来进行解释并执行。现在也可以基于 Node.js 技术进行服务器端编程

  3. JS 的组成(三兄弟) 1.png ① ECMAScript 是由ECMA 国际(原欧洲计算机制造商协会)进行标准化的一门编程语言,这种语言在万维网上应用广泛,它往往被称为 JavaScript或JScript,但实际上后两者是 ECMAScript 语言的实现和扩展。 更多参看MDN: developer.mozilla.org/zh-CN/docs/…

②文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标记语言的标准编程接口。通过 DOM 提供的接口可以对页面上的各种元素进行操作(大小、位置、颜色等)

③BOM (Browser Object Model,简称BOM) 是指浏览器对象模型,它提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。通过BOM可以操作浏览器窗口,比如弹出框、控制浏览器跳转、获取分辨率等。

  1. JavaScript 输入输出语句:
  • alert() 浏览器弹出警示框
  • console.log() 浏览器控制台打印输出信息
  • prompt(info)浏览器弹出输入框,用户可以输入

注意:alert() 主要用来显示消息给用户,console.log() 用来给程序员自己看运行时的消息

  1. 变量是用于存放数据的容器。 我们通过变量名获取数据,甚至数据可以修改。本质是内存里的一块空间,用来存储数据。
  2. 声明一个变量并赋值, 我们称之为变量的初始化。
  3. 变量命名规范:
  • 由字母(A-Z、a-z)、数字(0-9)、下划线(_)、美元符号( $ )组成,如:usrAge, _name
  • 严格区分大小写。var app; 和 var App; 是两个不一样的变量
  • 不能以数字开头。 10age 是错误的
  • 不能是关键字、保留字。例如:var、for、while
  • 变量名必须有意义。 MMD、nl → age
  • 遵守驼峰命名法。首字母小写,后面单词的首字母需要大写。 myFirstName
  1. JS 把数据类型分为两类:
  • 简单数据类型 (Number,String,Boolean,Undefined,Null)
  • 复杂数据类型 (object) 2.png

注意:字符串引号嵌套(外双内单,外单内双)。
字符串 + 任何类型 = 拼接之后的新字符串(+ 号总结口诀:数值相加 ,字符相连)

怕英语翻译错误,可以使用翻译网站如: 有道、 爱词霸

3.png