JS基本语法和基本类型

基本语法

直接量

var number = 1;    //1 是直接量
直接量也可以是其他类型: 
1.2  "Hello World"    true    false    null    []    {name:"js"} ...

变量

var number = 1;    //mumber 是变量
我们可以把变量看做一个个的盒子,我们可以在盒子里放各种不同的东西,然后给盒子命名不同的名称.

命名盒子的过程叫做:声明变量   (语法: var 变量名; )  
例如 var age; var name; var sex; 
或者 var age,name,sex;

标识符

标识符就是指变量、函数、属性的名字,或者函数的参数,最好采用驼峰大小写格式,也就是第一个字母小写,剩下每个单词首字母大写。

  • 命名要求
    • 以字母 下划线 或者美元符号($)开头
    • 由字母 下划线 或者美元符号($)和数字组成
  • 范例
    • var abc; var _abc; var $abc; var _abc1$;都是合法的;
    • var 1abc; var *abc; var abc&; var #abc1$;都是不合法的
  • 关键字和保留字不能做标识符
  • 大小写敏感 var age; var Age;是不同的.

语句

  • 每个语句都以分号结尾,虽不是必须的,但强烈建议加上,以面不必要错误
  • 语句是可以嵌套的
  • 把多条语句组合到一个代码块中,用 {} 包括;而且在控制语句中使用代码块可以让编码意图更清晰,降低修改代码出错的概率。

注释

单行注释
    以//开头       
        //我被注释了
块级注释
    以/*开头,以*/结尾
    不可嵌套
        /*
         * 这是一个多行
         * (块级)注释
         */

基本类型

基本数据类型:Number String Boolean Null Undefined Object

Number

整数

  • 十进制var intNum = 55; //整数

  • 八进制字面值第一位必须是零(0),然后八进制数字序列(0-7)). 如果字面值数值超出范围,前导零忽略,和面当做十进制解析

var octalNum1 = 070;        //八进制56
var octalNum2 = 079;        //无效的八进制数值---解析为79
var octalNum3 = 08;          //无效的八进制数值---解析为8
八进制字面量在严格模式下无效,会导致支持该模式的js引擎抛出错误
  • 十六进制字面量前两位必须是0x,后跟任何十六进制数字(0-9及A-F)
var hexNum1 = 0xA;        //十六进制的10
var hexNum2 =0x1f;        //十六进制31

所有以八进制和十六进制表示的数值都将被装换成十进制数值。

浮点数值

浮点数就是该数值中必须包含一个小数点.

保存浮点数值需要的内存空间是保存整数值的两倍所以,ECMAScript会不失时机的将浮点数值转换为整数值

var floatNum1 = 1.;        //小数点后面没有数字--解析为1
var floatNum2 = 10.0;        //整数--解析为10

对于极大或极小的数值,用科学计数法(e)表示,等于e前面的数值乘以10的指数次幂。

var floatNum =3.125e7;        //等于31250000

浮点的最高精度是17位小数。 

数值范围

Infinitiy(正无穷) -Infinnity(负无穷)

  • 确定一个数值是不是有穷的(是不是位于最大与最小之间),可
    以使用isFinite() 函数,位于其中,返回true。
var result = Number.Max_VALUE + Number.Max_VALUE;
alert(isFinite(result));        //false

NaN

NaN即非数值(Not a Number)是一个特殊的数值,表示一个本来要返回数值的操作数未返回数值的情况

  1. 任何涉及NaN的操作都会返回NaN
  2. NaN与任何值都不相等,包括NAN本身
alert(NaN == NaN);        //false

定义了isNaN()的函数,函数接受一个参数,该参数可以使任何类型,帮我们确定这个参数是否不是数值

alert(isNaN(NaN));        //true
alert(isNaN(10));        //false(10是一个整数)
alert(isNaN(“10”));        //false(可以被转换成10)
alert(isNaN(“blue”));        //false(不能转换成数值)
alert(isNaN(“true”));        //false(可以被转换成1)

数值转换

有三个函数可以把非数值转换为数值:Number() parseInt() parseFloat()

  1. Number()函数转换规则
    • 如果是Boolean值,true和false将分别被转换为1和0
    • 如果是数字值,简单的传入和返回
    • 如果是null值,返回0
    • 如果是undefined,返回NaN
    • 如果是字符串,遵循以下:
      • 如果字符串中只包含数字(包括前面带正号和负号),将其转换为十进制数值
      • 如果字符串中包含有效的浮点格式,则将其转换为对应的浮点数值
      • 如果字符串是空的(不包含任何字符),转换为0
      • 如果字符串中包含除上述格式之外的字符,则转换为NaN
    • 如果是对象,调用对象的valueOf()方法,按照前面的规则返回相应的值.如果结果是NaN,调用toString()方法,按照前面的返回字符串值
    var num1 = Number('Hello World')  //NaN
    var num2 = Number('')  //0
    var num3 = Number('000011')  //11
    var num4 = Number(true)  //1
    
  2. parseInt()函数转换
    • parseInt()函数在转化字符串时,更多的看是否符合数值模式
    • 它会忽略字符串前面的空格,直至找到第一个非空字符串.
    • 如果第一个字符不是数字字符或者负号,会返回NaN
    var number1 = parseInt('123456')//123456
    var number2 = parseInt('')    //NaN
    var number3 = parseInt('22.5')  //22
    var number4 = parseInt('070')  //56(八进制)
    
  3. parseFloat()函数转换规则
    • parseFloat()只解析十进制
    var number1 = parseFloat('1234blue')  //1234(整数)
    var number2 = parseFloat('22.5')  //22.5
    var number3 = parseFloat('22.34.5')  //22.34
    var number4 = parseFloat('0908.5')  //908.5
    

String

String即字符串类型,只要是被单引号(‘’)或者双引号(“”)引起来的类型就是String类型

var firstname = "Yangyumeng";
var lastNmae = '123';

字符串的特点

字符串是不可变的,字符串一旦创立,它们的值不能改变,要改变某个变量保存的字符串,首先销毁原来的字符串,然后在用另一个包含新值的字符串填充该变量

var lang = "Java"
lang = lang + "Script" 

转换成字符串

要把一个值转换成字符串有两种方式。第一种使用几乎所有值都有的toString()方法,返回的是相应值字符串的表现

var age = 11;
var ageAsString = age.toString();        // 字符串“11”

var found = true;
var foundAsString = found.toString();        // 字符串“true”

但是null、undefined值没有toString()方法。

一般情况下,调用toString()方法不必传参数,但在调用数值toString()方法时,可以传递一个参数:输出数值的基数。

var num = 10;
alert(num.toString());        //"10" 默认10进制
alert(num.toString(2));        //"1010"
alert(num.toString(8));        //"12"
alert(num.toString(16));        //"a"

在不知道转换的值是不是nullundefined,使用转型函数String(),这个函数能将任何值转换为字符串,String()遵循以下规则

  • 如果值有toString()方法,则调用该方法(没有参数)并返回相应结果
  • 如果值是null,则返回"null"
  • 如果值是undefined,则返回"undefined".

Boolean

Boolean类型只有两个字面值:true和false,虽然Boolean类型字面值只有两个,但ECMAScript中所有类型都有与这两个Boolean值等价的值。要将一个值转换为其对应的Boolean值,可以调用函数Boolean() 转换规则

数据类型 转换为true的值 转换为false的值
Boolean true false
String 任何非空字符串 ""(空字符串)
Number 任何非零数字值 0和NaN
Object 任何对象 null
Undefined n/a(不适用) undefined

Object

Object是一组数据和功能的集合,对象可以通过执行new操作符后跟要创建的对象类型的名称来创建

创建对象
var o = new Object();
Object类型所具有的任何属性和方法也同样存在于更具体的对象中
  • Object的每个实例都具有下列属性和方法:
    • constructor:保存着用于创建当前对象的函数,对前面而言,构造函数(constructor)就是Object()
    • hasOwnProperty:用于检查给定的属性在当前对象实例中(而不是在实例的原型中)是否存在。其中,作为参数的属性(*propertyNmae*)必须以字符串形式指定(例:o.hasownProperty(“name”))。
    • isprototypeof(object):用于检查传入的对象是否是当前对象的原型
    • propertyIsEnumerable(propertyName):用于检查给定的属性是否能够使用for-in语句来枚举,参数的属性名必须是字符串。
    • toLocalString():返回对象的字符串表示,该字符串与执行环境的地区对应
    • toString():返回对象的字符串表示。
    • valueOf():返回对象的字符串、数值或布尔值表示。

Null

Null类型只有一个值:null

  • 表示对象不存在
var car = null; 

如果定义的变量准备在将来用于 保存对象 ,那么最好将该变量初始化为null而不是其他值。这样,只要检查null值可以知道相应的变量是否已经保存了一个对象的引用

if(car != null){
   //对car对象执行某种操作 
 }

Undefined

Undefined类型只有一个值:undefined。在使用var声明变量但为对其加以初始化时,变量值就是undefined

例如:
        var message;
        alert(message == undefined);        //true
  • 使用场景:
未初始化的值(已声明未赋值的变量)默认是undefined值
var a;
console.log(a);        //undefined

获取对象中不存在的属性
var obj = {a:1,b:2}
console.log(obj.c);        //undefined

类型识别

typeof操作符

var num;
typeof num;        //undefined

var num = 1;
typeof num;        //number

var num = "1";
typeof num;        //string

var flag = true;
typeof flag;        //boolean

var cat = null;
typeof cat;        //object

原始类型和引用类型

  • 原始类型
    • Number
    • String
    • Boolean
    • Null
    • Undefined
  • 引用类型
    • Object

原始类型和引用类型 区别

image.png

今天先把javascript的基本语法和六大基本类型做个了解,后面继续学习知识点,并做笔记

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 158,560评论 4 361
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,104评论 1 291
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,297评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,869评论 0 204
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,275评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,563评论 1 216
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,833评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,543评论 0 197
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,245评论 1 241
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,512评论 2 244
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,011评论 1 258
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,359评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,006评论 3 235
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,062评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,825评论 0 194
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,590评论 2 273
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,501评论 2 268

推荐阅读更多精彩内容