JavaScript 基础概念
JS 的组成:
1.ECMAScript:JS 语法
2.DOM: 文档对象模型 , 文档: html 文档 , 操作 HTML 文档 (操作 HTML 文档的工具)
3.BOM: 浏览器对象模型 , 操作浏览器的工具
JS 的三种书写方式
行内式, 内嵌式, 外部链接
JavaScript 输入. 输出语句
alert(msg) 浏览器弹出警告框
consle.log(msg) 浏览器控制台打印输出信息
prompt(info) 浏览器弹出输入框 用户可以输入信息
我自己是一名从事了多年开发的 web 前端老程序员, 目前辞职在做自己的 Web 前端私人定制课程, 今年年初我花了一个月整理了一份最适合 2019 年学习的 Web 前端学习干货, 各种框架都有整理, 送给每一位前端小伙伴, 想要获取的可以添加我的 Web 前端交流群 600610151, 即可免费获取.
变量的概念
通俗: 变量是用于存放数据的容器. 我们通过 变量名 获取数据, 甚至数据可以修改.
变量理解: 变化的量, 变化的内容, 变化的数据
变量存储数据理解: 程序运行过程中的数据存储在内存中, 但是内存比较大, 为了方便管理, 所以将内存分成一个一个的盒子 (变量) 来存储
变量的使用
1. 声明变量 var 变量名; var age;(声明一个 名称为 age 的变量)
2. 变量的赋值 var 变量名 = 值; var age = 18; 声明变量 age 同时赋值为 18
变量案例
varmyname ='旗木卡卡西';// 字符串 varaddress ='火影村';varage =30;// 数字 varemail ='kakaxi@itcast.cn';vargz =2000;console.log(myname);console.log(address);console.log(age);console.log(email);console.log('gz');// gzconsole.log(gz);// 2000
注意:
变量赋值时, 值如果是字符串需要添加'',""
每行代码结束, 都需要添加;
变量在使用时, 不能添加引号 (定义, 声明变量的时候, 没有引号, 使用的时候自然也不能添加引号)
案例 2:
// 1. 用户输入姓名 存储到一个 myname 的变量里面 varmyname = prompt('请输入您的名字');// prompt 做的事情:// (1). 弹出输入框 , 用户输入内容: zs// (2). 将用户输入内容返回 , 相当于 :var myname = 'zs';// 2. 输出这个用户名 alert(myname);// zs
变量命名规范
规则
由字母 (A-Za-z), 数字(0-9), 下划线(_), 美元符号( $ ) 组成, 如: usrAge, num01, _name ***
严格区分大小写. var App; 和 var App; 是两个变量
不能 以数字开头. 18age 是错误的
不能 是关键字, 保留字. 例如: var,for,while
变量名必须有意义. MMD BBD nl → age
遵守驼峰命名法. 首字母小写, 后面单词的首字母需要大写. myFirstName
推荐翻译网站: 有道 爱词霸
变量案例 - 交换两个变量
// JS 是编程语言有很强的逻辑性在里面: 实现这个要求的思路 先怎么做后怎么做 // 1. 我们需要一个临时变量帮我们 // 2. 把 apple1 给我们的临时变量 temp // 3. 把 apple2 里面的苹果给 apple1 // 4. 把临时变量里面的值 给 apple2 vartemp;// 声明了一个临时变量为空 varapple1 ='青苹果';varapple2 ='红苹果';temp = apple1;// 把右边给左边 apple1 = apple2;apple2 = temp;console.log(apple1);console.log(apple2);
简单数据类型
JavaScript 中的简单数据类型及其说明如下:
数字型范围: JavaScript 中数值的最大和最小值
- alert(Number.MAX_VALUE);// 1.7976931348623157e+308 (10 的正 308 次方)
- alert(Number.MIN_VALUE);// 5e-324 5e-324 (10 的负 324 次方)
数字型三个特殊值
alert(Infinity);// Infinityalert(-Infinity);// -Infinityalert(NaN);// NaN ***// 课堂代码:// 5. 无穷大 console.log(Number.MAX_VALUE *2);// Infinity 无穷大 // 6. 无穷小 console.log(-Number.MAX_VALUE *2);// -Infinity 无穷大 // 7. 非数字 console.log('pink 老师'-100);// NaN: 字符串是无法与数字进行运算的, 所以结果是一个非数字
Infinity , 代表无穷大, 大于任何数值
-Infinity , 代表无穷小, 小于任何数值
NaN ,Not a number, 代表一个非数值
isNaN
用来判断一个变量是否为非数字的类型, 返回 true 或者 false
varusrAge =21;varisOk =isNaN(userAge);console.log(isNum);// false ,21 不是一个非数字 varusrName ="andy";console.log(isNaN(userName));// true ,"andy" 是一个非数字
字符串型 String
字符串型可以是引号中的任意文本, 其语法为 双引号 ""和 单引号''
varstrMsg ="我爱北京天安门~";// 使用双引号表示字符串 varstrMsg2 ='我爱吃猪蹄~';// 使用单引号表示字符串 // 常见错误 varstrMsg3 = 我爱大肘子;// 报错, 没使用引号, 会被认为是 JS 代码, 但 JS 没有这些语法
字符串引号嵌套
JS 可以用单引号嵌套双引号 , 或者用双引号嵌套单引号 (外双内单, 外单内双)
- var strMsg ='我是" 高帅富 "程序猿';// 可以用''包含""
- var strMsg2 ="我是'高帅富'程序猿";// 也可以用 ""包含''
- // 常见错误
- varbadQuotes = 'Whatonearth?";// 报错, 不能 单双引号搭配
字符串转义符
类似 HTML 里面的特殊字符, 字符串中也有特殊字符, 我们称之为转义符.
转义符都是 \ 开头的, 常用的转义符及其说明如下:
字符串长度
字符串是由若干字符组成的, 这些字符的数量就是字符串的长度
通过字符串的 length 属性可以获取整个字符串的长度
- var strMsg="我是帅气多金的程序猿!";
- alert(strMsg.length);// 显示 11
字符串拼接
多个字符串之间可以使用 + 进行拼接, 其拼接方式为 字符串 + 任何类型 = 拼接之后的新字符串
拼接前会把与字符串相加的任何类型转成字符串, 再拼接成一个新的字符串
//1.1 字符串 "相加"alert('hello'+''+'world');// hello world//1.2 数值字符串" 相加 "alert('100'+'100');// 100100//1.3 数值字符串 + 数值 alert('11'+12);// 1112 // 以上的字符串拼接都没有意义, 一般我们字符串会与变量进行拼接
来源: http://www.jianshu.com/p/b60bc59b2f56