微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

1.数据类型

javascript

网页三剑客

  • 一阶段 html5 + css3(静态页面) 网页合成工程师 3-5k
  • 二阶段 javascript 前端工程师 7-14k

javascript能做啥

  • 网页交互
  • 网页的行为交互 用户点击 双击 拖拽效果
  • 网页动画
  • 数据交互,网页上面的数据都是活的 不是写死的

javascript历史背景

  • 最早的浏览器 navigator(导航者)由网景(netscape)公司生产的

  • 最早的网页只能看 不能进行交互行为

  • 网景请了javascript之父 布兰登.艾奇 花了10天创建了LiveScript,希望推广这门语言,将这门语言改名为javascript

  • IE也想要有navigator功能 自己创建了一个类似于LiveScript的语言 叫做Jscript

  • 这样开发者开发一个网站需要写两套代码

  • 网景将javascript移交给ECMA(欧洲计算机制造商协会)由ECMA统一一个标准,推出了一个ECMAScript标准

  • 我们学习的ECMAScript是5.0版本 --> es5

  • javascript和ECMAscript有什么区别?

  • javascript组成部分

    • ECMAscript标准语法(前四周)
    • DOM
    • BOM
  • js的三种写法

    1. 行内
      • 标签上面直接写οnclick=“javascript: js代码
      • 行内的js一般不推荐
    2. 内部(推荐)
      • 在html页面里面写上script,在script里面写js代码
    3. 外部(推荐)
    • 一般推荐script标签的位置是在body的最后,因为js会报错
    • 一个script标签是无法支持内部和外部同时使用,一旦使用了会出现内部的js不会执行
  • 注释

    1. 单行注释
      • // 注释内容
      • 单行注释快捷键 ctrl+/
    2. 多行注释
      • /* 注释内容 */
      • 多行注释快捷键 ctrl+shift+/
    • 作用
      • 注释是写给开发人员看的
      • 方便代码的维护
  • 变量 variable

    • 变量就是在计算机中以命名的方式存储一个数据,在我们使用这个数据的时候可以根据这个名称找到这个数据,拿过来使用
    • 存的过程(定义变量)
      • var 变量名 = 数据
    • 取的过程
      • 变量名
    • 思考题
      • 定义变量名的时候没有给他数据 用变量的时候得到的是undefined
        • var 变量名
        • 变量名
      • 直接使用一个未曾定义过的变量 会报错 报这个变量not defined
        • 变量名
  • 变量命名规则和规范

    • 规则: ECMAscript定义 必须要遵循的,如果不遵循就会报错
      1. 变量名是由 英文、数字、下划线、$组成,不能以数字开头
      2. 名称的中间不能有空格
      3. 严格区分大小写
      4. 不能是关键字和保留字
        • 关键字: js正在使用的单词 var if else for
        • 保留字: js未来版本可能会用到的单词 class long
    • 规范:行内的前辈们定义 不遵循不会报错
      1. 命名要语义化(见名知义)
      2. 小驼峰命名法
        • 多个单词组成一个变量名,从第二个单词开始首字母大写

数据类型

  • 基础的数据类型
    • 字符串 string
    • 数值 number
      • 十进制 0 1 2 3 4 5 6 7 8 9
      • 二进制 0 1
      • 八进制 0 1 2 3 4 5 6 7
      • 十六进制 0 1 2 3 4 5 6 7 8 9 a b c d e f
    • 布尔 boolean
    • undefined
    • null
  • 分类
    1. 通过控制台打印 看颜色区分 console.log(数据)
      • 布尔值、数值在控制台是蓝色
      • 字符串在控制台是黑色
      • undefined和null在控制台打印是浅灰色
    2. 检测数据类型的方法
      • typeof(数据)
      • typeof 数据 推荐使用
      • 得到一个该数据的类型单词
      • 数值的会返回 ‘number’
      • 字符串的会返回 ‘string’
      • 布尔的会返回 ‘boolean’
      • undefined会返回’undefined’
      • null会返回’object’
  • 数据类型转换
    • 一个数据类型转换成另一个数据类型
    • 把其他类型转换成数值
      • 三种方法
        • Number(数据)
        • parseInt(数据)
        • parseFloat(数据)
      • 布尔类型、undefined、null转数值采用Number方法进行转换
        • true --> 1
        • false --> 0
        • undefined --> NaN
        • null --> 0
      • 字符串
        • 纯数字的字符串采用Number方法进行转换
        • 非纯数字如果需要有小数点用parseFloat如果不需要有小数点用parseInt
    • 把其他类型转换成字符串
      • 两种方法
        • String(数据)
        • 数据.toString()
    • 把其他类型转换成布尔值
      • 一种方法
        • Boolean(数据)
      • 0 NaN 空字符 undefined null会转换成false 其他都是true
    • 把其他类型转换成undefined
      • var num = 10
      • num = undefined
    • 把其他类型转换成null

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐