Javascript 学习笔记 1

Javascript

学习Javascript的第一天，每两天更新一下学习进度吧。rush

一 初识 from Brendan Eich(1961~)

1995年 用10天 完成了Javascript设计 运行在客户端的脚本语言（script 脚本） 不需要编译，运行过程由js解释器 逐行 进行解释 执行 现在也可基于Node.js 进行服务器端编程

1.2 javascript 作用

• 表单动态验证（最初目的）

• 网页特效

• 服务端开发（Node.js)

• 桌面程序（Electron)

• App(Cordova)

• 控制硬件-物联网（ruff）

• 游戏开发（cocos2d-js）

1.3HTML CSS JS

HTML和CSS是标记语言 --描述类语言(结构和内容) jS 脚本语言--编程类语言(实现业务逻辑和页面控制)

1.4 浏览器执行 JS简历

• 渲染引擎：用来解释HTML和CSS俗称内核，如Chrome的blink

• JS引擎：俗称JS解释器。用来读取网页中的Javascript代码 浏览器通过内置JavaScript引擎来执行JS代码 逐行解释为机器语言，然后计算机逐行执行，所以称为脚本语言

1.5 JS组成

• ECMAScript Javascript语法 被称为 Javascript 或 JScript 实际上为ECMAScript的实现和扩展 ECMAScript 规定了 JS的编程语法和基础核心知识

• DOM 页面文档对象模型 是W3C推荐的 处理可扩展标记语言的 标准编程接口 通过DOM提供的接口 可对页面上的 各种元素 进行操作（大小、位置、颜色）

• BOM 浏览器对象模型 提供了独立内容，可与浏览器窗口进行互动的对象结构。通过BOM可操作窗口，如弹窗控制跳转，获取分辨率

1.6 js初体验

行内式js：<input type="button" value="野比大雄" οnclick="alert('哆啦A梦')"> 单行或少量JS写在 HTML标签的 事件属性中 以on开头的属性 如onclick 引号为 单引号 内嵌式JS：<script> </script> 学习时用 外部JS：创建JS文件 <script src="my.js "> </script> 结构化 美观 方便管理

1.6.1 快捷注释

单行：ctrl+/ 多行：shift+alt+A

二 Javascript 输入输出语句

alter(msg): 浏览器弹出警示框 console.log(msg): 浏览器控制台打印输出信息 prompt(info)：浏览器弹出输入框，用户可以输入

三 变量

概念：用于存放数据的容器 通过变量名获取数据，修改数据 声明变量：var age; variable 初始化：var age = 18;

3.1变量语法扩展

更新变量：变量被重新赋值后，前一个值会被覆盖 同时申请多个变量： var age = 17, address = '火影'， name = '旗木卡卡西';

3.2 变量命名规范

同C++

3.3数据类型分类

• 简单数据类型: Number(整形和浮点型) String(字符串) Boolean(布尔值) Undefined(申明未赋 值) NULL(空值)

• 复杂数据类型: object

• 最大值Number.MAX_VALUE(1.7e+308) 最小值Number.MIN_VALUE(5e-32

• 特殊值:Infinity(无穷大) -Infinity(无穷小) NaN(一个非数值)

• isNaN(判断是否为非数值类型)

3.3.2 String

• 字符串转义符: \n (newline换行) \斜杠 '单引号 ''双引号 \t(tab缩进) \b空格

• 检测字符串长度: length

• 字符串拼接: + console.log('就像'+'是哪')

3.3.3 检测数据数据类型

typeof num

3.4 数据类型转换

• 转字符 num.toString() 强制转换String(num) 加号拼接(num+‘我是字符串’) 隐式

• 转数字 parseInt('78') parseFloat('78.21') 强转Number('12') 隐式 '12'-1p

• 转布尔