ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

JavaScript的入门

2022-07-25 21:33:47  阅读:166  来源: 互联网

标签:console 入门 JavaScript number var false true log


书写的三种方式

1. 书写在script标签里面(一般会用到的)

2.书写在js文件里面(推荐)
定义一个js文件(xxx.js)

3. 书写对应的事件属性里面(比较少用)

初体验

1. 目前js的代码,必须写在一个script标签里,script的默认type text/javascript
2. alert('字符串')提示框
3. console.log("hi")
4. document.write("在页面上输出")

注释(注释相当于解释这个句话 这个注释是不会被编译的)

1.单行注释 ctrl + /
2.多行注释 ctrl + shift + a

变量定义(使用var关键词声明)

例:var  number  = a

1.使用var关键字,在内存中开辟一个空间,并给空间命名和给空间赋值
声明变量 : var myname="xxx"
2.多个变量 简写:多个变量用","隔开,
var myname="xxx" , age=20 , sex="男";
3.变量的默认值是 undefined 未定义类型
4.查看js的基本数据类型,使用 typeof
例: console.log(typeof "hi")

js属于弱类型语言

1.可以是任意类型的数据
2.数据类型可以被修改

 

变量名的书写(见名知意 区分大小写)

1.只能是数字,字母,下划线,$
2.不能是数字开头
3.不能是关键字或保留字
4.严格区分大小写
5.驼峰命名法
小驼峰: 变量,形参,函数
大驼峰: 类型,构造函数
6.语义化,见名思意

7.普通变量首字母小写
常量全大写(const)

 

 

 

js的数据类型

1.string,number,bool,undefined,null,object
2.值类型数据类型 string,number,bool,undefined,null
3.引用类型 object (Array,Function..)
  4.特殊的值 NaN  --> number
   5.特殊的类型: null,undefined

案例:
1). 字符串 String  由一组双引号或单引号组成的
        var str = 'a';
        var str1 = "b";
        console.log(typeof (str));
        console.log(typeof (str1));

2). 数值类型 Number
        var num1 = 100;
        var num2 = 23.4
        console.log(typeof (num2))

3). boolean 布尔类型,它值 (true/false); 真/假
        var isLogin = true; //已经登录
        var isReg = false; //没注册
        console.log(isLogin); //true

4). undefined 未定义类型
防止程序出错,js会隐式设置一个默认的undefined
        var sex;
        console.log(typeof (sex)); //undefined

5). null  空地址
        var a = null;
        var b = null;

        console.log(b);
6). 对象类型  Object
    a.对象的写法1
        var person = new Object();
        person.name = "杨超越";
        person.age = 22;
        person.address = "上海"
        console.log(person); //{name: '杨超越', age: 22, address: '上海'}
    b.对象的写法2
        var dog = {
            name: "旺财",
            age: 4,
            address: "湖南"
        };
        console.log(dog); //{name: '旺财', age: 4, address: '湖南'}

 

元素类型的转换

 var number = 1     // 数字转换为字符串     console.log(number.toString());
    // String 转 number     var str = 123.12     console.log(Number(str));     // 转整数     console.log(parseInt(str));     // 转小数     console.log(parseFloat(str));
    // isNaN 是NaN返回true不是返回false(not a number)     var a = 10     console.log(isNaN(a)); //false     var str = 'abc'     console.log(isNaN(str)); //true
    // 无穷大 无穷小(Infinity)     //无穷大     var max = Infinity     //无穷小     var min = -Infinity
    // 将字符串转为对应的boolean类型     //转为boolean类型 非空就是true 空字符串表示false     var str = 'abc'     var b = Boolean(str); //false     var b1 = Boolean('') //true     console.log(b, b1);
    // 将number转为布尔类型     var number1 = 10     //number转布尔 非0和非NaN则为true NaN和0就是false     console.log(Boolean(number1)) //true     console.log(Boolean(0)) //false     console.log(Boolean(NaN)) //false
    // 将undefined和对应的null转为boolean( false)     var un     console.log(Boolean(un)) //false     console.log(Boolean(null)) //false
    // 将boolean类转为number类型( false 0 true 1)     console.log(Number(true)) //1     console.log(Number(false)) //0
    // 将对应的undefined和null转为number     var un     console.log(Number(un)) //NaN     console.log(Number(null)) //0  

运算符和表达式

1.算术运算
+ - * / % ++(自增) --(自减)

2.拼接运算符:+,加号两边只要有一边出现字符串就是拼接

3.赋值运算符+=,-=,/=,*=
4.逻辑运算符:
与 & 找假
或 || 找真
非! 取反
&& || 被称为短路运算符

自增和自减的前置和后置的区别

前置先执行对应的++(--) 再执行对应的代码
后置先执行对应的代码 再执行++(--)

列如:

  //俩个number相加         console.log(2 + 1); //3     //一个string和number相加 连接操作 自动转为string 字是黑色的属于字符串     console.log('123' + 1); //1231         //boolean类型和null和undefined小于number 自动转为number         console.log(true+1);//2         //- * / % 全部会转为number类型进行操作         console.log('12'-1);//11         console.log(true-1);//0         console.log(undefined-1);//NaN 出现NaN计算结果一个是NaN         console.log(null-1);//-1         console.log(true*3);//3         //% 取余 取模         //大数取余小数 得到的是余数 小数取余大数得到小数         console.log(6%3);//0         console.log(7%3);//1         console.log(4%3);//1         console.log(3%4);//3    //++ 在原本的基础上+1  -- 在原本的基础上减一      var i = 1         //前置(先执行++(--)操作 再进行对应的代码块的执行)和后置 (先执行代码块再进行 ++(--)操作)         console.log(i++);//1         console.log(i);//2         console.log(++i);//3         console.log(i--);//3         console.log(i); //2         console.log(--i);//1         //计算顺序 先算括号里面的 ++或-- 再进行乘除取余 再进行 + -         console.log(++i * 10); //20   // 赋值运算符+=,-=,/=,*=         var a = 10         a+=10 //=a+10         a/=10 //2         a*=5 //10         console.log(a);  

位运算(转为二进制再进行位的变化运算)

>> 右移 << 左移 ~~ 去掉小数

例如:如何最快从2变成16

  var i = 2         //位运算 快速从2得到8 二进制满2进1   值1  0         //2的二进制就是10  ==>   16的二进制就是10000         //左移后面是进行补零操作 最后一位是多少就是多少 0 + 2^0*1 +2^2*0 +2^3*0 +2^4*1=16     <<3相当于补了3个0         console.log(2<<3);  

三元运算符(三目运算符)

  // 表达式(boolean类型表达式)? true的内容 :false的内容     var a = 1     var b = 2     console.log(a < b ? 1: 2); //1     console.log('123a' / 10 ? 'hello' : 'hi'); //hi )  

number保留几位小数的方法 toFixed

     var number1 = 3    var number2 = 10     //默认的大小15位 整数位也是15位 超出不能显示(可以通过特殊方法解决)     console.log(number2 / number1); //3.3333333333333335     //保留小数(方法会优先调用) 转成字符串     console.log((number2 / number1).toFixed(3));//3.333



 

标签:console,入门,JavaScript,number,var,false,true,log
来源: https://www.cnblogs.com/wangzhaoweixxx/p/16518904.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有