【重学JS】每天巩固基础-打好地基筑高楼-day1(一)

576 阅读3分钟

这是我参与8月更文挑战的第1天,活动详情查看:8月更文挑战

巩固学习 JavaScript基础知识, 加深理解记忆, 打牢地基才能盖高楼! 加油

大部分内容为白话文内容, 基础中的基础 用自己的理解, 简单有全面概括基础知识点, 方便加深理解!

如需更详细了解学习-可查看 MDN-JavaScript 文档, (红宝书/白皮书/蓝皮书/.)学习进阶

1、什么是 JavaScript?

JavaScript 是一门 高级/ 动态/ 解释型编程语言, 非常适合面向对象和函数式编程风格.

JavaScript 的变量是无类型的, 它的语法大致和 Java 相仿, 但除此之外两者没有任何关系

  • 是一种具有安全性的客户端的脚本语言, 用来实现与 web 页面交互
  • 运行环境: 浏览器
  • 页面动效的灵魂所在

2、作用

  • 脚本语言:语言嵌入到 html 代码中
  • js 可以让页面中静止的元素动起来

3、 JavaScript 的组成?

  • ECMAScript: 欧洲计算机制造商协会 是一个组织,用来规范 JavaScript 语法 ES5 ES6..
  • BOM: 浏览器对象模型
  • DOM: 文档对象模型

4、JavaScript 代码实现 内部脚本或外部连接

  1. 所有的 js 代码必须出现在 <script>标签内 初学建议放到 body 下面
  2. <script>标签位置任意 除了 title 标签内
  3. 使用 <script src='xx.js'>
  4. 具有 src 属性的 script 标签内 js 代码无效

5、JavaScript 的几个输出语句

  • alert() 弹出对话框 阻塞其他代码执行
  • console.log() 控制台输出 用于调试
  • document.write( ) 在浏览器输出

快捷键 :

  • ctrl + / 单行注释
  • ctrl + shift + / 多行注释
  • ctrl + 上箭头 向上调整代码 (下箭头 向下调整代码)
  • ctrl + D 删除一整行

总结 :

  • . 前面的叫 对象 document.write()
  • . 后面的有括号 叫方法 document.write()
  • . 后面没有括号 叫 属性

6、js 中的注释

  • // 这里是注释 单行注释
  • /** 这里是注释 */ 多行注释

7、js 中的字面量(常量) 固定不变的量

  • 数值 number
  • 整数
    • 十进制整数 0--9 90
    • 二进制 0 1 组成
    • 八进制 0--7 组成 一般以 0开头 076
    • 十六进制 0--9 a--f 一般以 0x 颜色 : #ffffff
  • 小数
  • 字符 string

    用引号括起来的单个或多个

    但是注意 引号嵌套 " '' " ' "" '

  • 布尔值 : true false

8、js 中标识(zhi)符(变量)的命名规范

  • 1、 由 字母 数字 下划线 $ 组成
  • 2、不能用数字开头
  • 3、不能用系统指定的关键字 命名

例如 : a3 sname age -age(错误) _json 5a(错误)

  • 不要情绪化命名
  • 驼峰式命名法 :
    • 小驼峰 zuiAiNiDeRen getElementById()
    • 大驼峰 ZuiAiNiDeRen
  • 匈牙利命名 :
    • iNum = 90
    • oBtn object

9、js 中的变量

什么是变量 : 在程序运行的过程中 值有可能会发生变化

10、变量的定义和赋值

var 定义变量 (var 可以省略 不建议) var num = 90;

变量必须先定义 后使用

11、js 中输出结果时注意几个问题:

  • 1、如果输出的是变量 不能加引号
  • 2、如果输出的是字符 , 必须加引号
  • 3、如果输出的是数字 , 可以不加引号
  • 4、如果输出字符和变量,中间必须用 + 连接

12、变量的数据类型(重点)

  • 基本数据类型 :
    • 字符型 string 值有多个
    • 数值型 number 值有多个
    • 布尔型 boolean 值有两个 true 真 false 假
  • 复合数据类型(引用数据类型,对象数据类型) :object 对象
  • 特殊数据类型 :undefined null
  • function 函数

13、(扩展) 测试变量的数据类型

  • typeof 变量
  • typeof( 变量 ) 值的情况 : string number boolean undefined object - function (没有 null)

下文继续day1

day1(二)

紧跟节奏, 跟上步伐向前冲吧. Calm Down & Carry On!