欢迎光临
我的个人博客网站

javaScript


JavaScript

1. 基础

1.1 javaScript 的组成

ECMScirpt(js语法规范)、DOM(文档对象模型)、BOM(浏览器对象模型)

1.2 怎么写css

  1. 在html的文件中,script的标签中写js代码
  2. js代码可以在html的标签中写
  3. 在js文件中可以写js代码,但是需要在html页面中引入script的标签中的src=”js的路径”
  4. 还可以在控制台直接书写js代码

1.3 注释

单行 // 多行

1.4 变量

//声明变量 var var age = 18; var age; age = 18; 

控制台打印函数 console.log()

1.5.1 命名规则

  1. 由字母、数字、下划线、$符号组成,不能以数字开头
  2. 不能是关键字和保留字,例如:for、while。
  3. 区分大小写S

1.5.2 命名规范

  1. 变量名必须有意义
  2. 遵守驼峰命名法。首字母小写,后面单词的首字母需要大写。

1.6.1 基本数据类型:

隐式类型转化 例如:非纯数字字符串转化为数字类型,其值为NaN。

  1. number:

    • 整数:默认十进制

      ​ 十进制(整数,小数)、十六进制(0x开头:0xa = 10)、八进制(0开头:011 = 9)

    • 浮点数:浮点数都是近似的,保留几位小数即可

      ​ 科学计数法 (5e-5 = 5乘以10的-5次方) 无穷大: infinity 无穷小: -infinity

    • NaN: 数字类型 代表非数字值。isNaN() 用于判断是否为NaN。

  2. string:”string” 或 ‘string’

    • length属性:字符串长度
    • 字符串拼接直接加号 ‘string1’+’string2′(数字加字符串,隐式转换为字符串)
  3. boolean:true false

  4. undifine:声明但未赋值

  5. null:表示空

1.6.2 复杂数据类型:

object:

// 声明 var person = new Object(); person.name = "zark"; //声明对象 var person = {}; person.age = 15; //另一种声明,多个属性用,隔开 var person = {     hobby : "jump",     height : 170 }; //json对象 //格式要求:属性和属性值都加引号(number值除外) var person = {     "hobby" : "jump",     "height" : 170 };         

1.7 数据类型转换

//typeof 函数 查看数据类型 var age = 18; console.log(typeof age); // 输出number 
  1. 转化为数字类型 函数Number()、parseInt()、parseFloat()

    • number()规则:

    ​ 十六进制转化为十进制
    ​ 空内容转化为0
    ​ 非纯数字内容转化为NaN

  2. 转化为字符串类型 函数toString()、String()(用于undifined和null)

  3. 转化为布尔类型 Boolean()

    • 0 NaN ” undefined null会转换成false,其它都会转换成true。

1.8 运算符

++num与num++的区别:

​ ++num是优先自增1,再进行其他运算;num++是先进行其他运算,最后自增1 (*  ̄︿ ̄)

优先级:

​ 括号>点运算符>一元运算符> 算数运算符 >关系运算符>逻辑运算符 >赋值运算符

2. 流程控制

2.0 顺序结构

默认从上而下顺序执行

2.1 分支结构

弹出输入框 prompt(), 确认返回输入的值(输入默认为字符串),取消返回null,参数为提示信息

var age = prompt("input age:"); 
  • if判断
if (200 >= age >= 65) {     console.log("老年"); } else if (age >= 18) {     console.log("青年"); } else if (age > 0) {     console.log("未成年"); } else {     console.log("输入有误"); } 

If语句会把后面的值隐式转换成布尔类型

转换为true : 非空字符串 非0数字 true 任何对象

转换成false : 空字符串 0 false null undefined

  • 三元运算符

表达式1 ? 表达式2 : 表达式3; 相当于if…else…的缩写

var age = prompt("input age:"); //满足条件执行第一条,不满足条件执行第二条 age >= 18 ? console.log("青年") : console.log("未成年"); 
  • switch…case判断

使用严格比较,数据类型和数值都要相同

var day = prompt("input day(1-3):"); switch (Number(day)) {     case 1:         console.log("周一");         break;     case 2:         console.log("周二");         break;     case 3:         console.log("周三");         break;     default:         console.log("输入有误");         break; } 

2.2 循环结构

赞(0) 打赏
未经允许不得转载:张拓的天空 » javaScript
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

专业的IT技术经验分享 更专业 更方便

联系我们本站主机

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏