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
-
转布尔