JS类型

作者: olivia1111 | 来源:发表于2016-01-24 10:38 被阅读30次

一、html引入JS

  • 直接写
    <script>
    document.write("hello,world~")
    </script>

  • 引入
    <script src="HelloWorld.js"></script>

  • 变量:
    variable number=1

  • 循环:
    while number<10000
    document.write(<p>+number+</p>);
    number=number+1;

二、调试

  • 设置断点
  • 搜索文件:ctrl+o
  • 搜索函数:ctrl+ shift+o
  • 观察变量:watch; console
  • 进入函数、退出函数

三、javascript 语法

  • 变量 声明变量
    var age=12;
  • 标示符
    1.以字母、下划线或者$开头
    2.由字母、数字、下划线和$组成
    3.不能用关键字和保留字
    4.区分大小写

关键字


Screen Shot 2016-01-02 at 20.27.33.png

保留字


Screen Shot 2016-01-02 at 20.27.46.png
  • 语句
    1.语句必须已分号结尾
    2.用大括号包含多条语句,形成代码块

  • 注释
    1.单行注释
    //开头
    2.块级注释
    /*开头
    不可嵌套
    */结尾

四、基本数据类型

  • number
    1.整数
    十进制/八进制/十六进制
    var num=10; var num=037; var num=0xff;
    2.浮点数
    var num=1.2; var num=1.42e5; var num=1.42e-4;
    3.特殊值
    NaN (Not a Number);
    var num=1/0;//无穷大
    var num=-1/0;//负无穷大
  • string
    用引号引起的就是字符串
    var name="hello"
  • Boolean
    1.true
    2.false
    var sex=true;
    if(sex){
    document.write("男“);
    }else{
    document.write("女");
    }
  • Object
    一组无序的名值对组合
    var cat={
    name:'Kitty',age:2,mew:function(){};
    }
  • Null
    对象不存在
    var car=null;
  • Undefined
    1.已声明但为赋值的变量
    var a;
    console.log(a);
    2.获取对象中不存在的属性时
    var obj={a:1,b:2};
    console.log(obj.c);
  • typeof 类型识别
    可识别确定以上类型
    var num; typeof num;//undefined
    var num=1; typeof num;//number
    var num=2.314; typeof num;//string
    var num=true; typeof num;//boolean

原始类型—num,string,boolean,null,undefined
不能改变最初的变量
引用类型(对象类型)—object
var obj={}; var arr=[]; 以new执行的构造函数var date=new Date();
可改变指向的变量


原始类型和对象类型的区别

对象类型必须访问链接地址才能得到数值,指向同样对象的变量相互影响

原始类型与对象类型的区别

类型进阶

所有对象类型
  • 浏览器扩展对象
  • 宿主对象
    浏览器运行环境提供的对象
  • 原生对象
    JS语言规范的
    1.内置构造函数
    2.对象

隐形对象转换

隐式对象转换方法

  • 数值运算符
    数值与字符串相加,自动把数值转化为字符串
    数值与字符串相减时,自动把字符串转化为数值
  • .用点号调用某个方法时,自动转化为对象类型
    3.1415调用toFixed()方法时,自动将3.1415转化为number对象,数值是不含有此方法的
  • if语句,转为布尔值
  • ==


    默认隐式类型转换结果-注意红字

显式对象转换方法

  • Number(),String(),Boolean()
  • parseInt(),parseFloat()
  • !,!!

类型识别

  • typeof
    属于操作符,可以识别标准类型,null除外
    不能识别具体的对象类型,但可以识别function


    typeof可识别的类型
  • instanceof
    能够识别内置对象类型
    不能识别原始对象类型
    能识别自定义对象类型


    instanceof可识别对象类型
  • Object.prototype.toString.call
    Object.prototype.toString.call(123)
    返回["object Number"]
    Object.prototype.toString.call("123")
    返回["object String"]
    封装为函数
    function type(obj){
    return Object.prototype.toString.call(obj).slice(8,-1);
    }
  • constructor


    constructor

相关文章

  • JavaScript-变量、值与类型

    1.关于JS类型的几点说明: JS是动态类型+弱类型的语言; JS的变量、属性在运行期决定类型; JS存在隐式类型...

  • ## JS初识

    ## JS初识 # js初识 # js注释 # 变量 # 变量的命名 JS数值的类型 # Number类型 # S...

  • 【js类型判断】包装类以及isArray,instanceof,

    谈到JS的类型判断,首先我们先了解JS当中的数据类型内容。 JS数据基本类型和引用类型 基本类型:undefine...

  • TypeScript 笔记

    TypeScript 是 JS 的超集,强调变量类型。让JS更加接近强类型语言 基础类型 相比于原始JS,多了 a...

  • Js基础知识-手动实现深拷贝

    本文将手动实现引用类型的深拷贝关于值类型与引用类型可阅读下方文章:JS基础类型直通车:Js基础知识-变量类型Js基...

  • JS变量类型,存储方式以及特点

    1.JS变量类型 JS变量类型分为基本类型和引用类型 基本类型:基本类型有Undefined,String,Num...

  • JavaScript (第一篇)

    JS 打印消息 JS 数据类型 简单数据类型: Number:数字类型String:字符串类型Boolean:...

  • 面试题笔记

    JS基础 JS中使用typeof能得到哪些类型?考点:JS变量类型 以上代码2-4行,JS能够把值类型直接区分出来...

  • 基础复习笔记

    JS类型 原始类型存储的是值,对象类型存储的是地址(指针) JS原始(Primitive)类型 boolean n...

  • webpack打包配置-3-loader的使用

    注意:webpack默认只能打包处理JS类型的文件,无法处理非JS类型文件 如果要处理 非JS类型文件,需手动安装...

网友评论

      本文标题:JS类型

      本文链接:https://www.haomeiwen.com/subject/cqeihttx.html