javascript基础

109 阅读3分钟

学习js的第一天

1) 学习了js是什么?
- JavaScript 是世界上最流行的语言之一,是一种运行在客户端的脚本语言 (Script 是脚本的意思)
- 脚本语言:不需要编译,运行过程中由 js 解释器( js 引擎)逐行来进行解释并执行
- 现在也可以基于 Node.js 技术进行服务器端编程
2)js的应用方式
(1)行内式
    代码示例:<button onclick="alert('你好,世界!!!!')">点击</button>
(2)内嵌式
    代码示例: 
    <script>
        alert("你好世界!");//js的第一种输出语句。
        console.log("nihao");//js的第二种输出语句。
        prompt("");//js的第三种输出语句。
    </script>
(3)外链式
    代码示例: <script src="./text.js"></script>
3)js中的变量
 可以在js脚本中定义变量,变量是用于存放数据的容器。 我们通过 变量名 获取数据,甚至数据可以修改。
 变量的命名方式为由字符、数字、下划线、美元符号组成,不能以数字开头,不能是关键字、保留字,严格区分大小
 写,变量的定义最好有一定的意义,最好使用驼峰命名法进行命名。
4)变量的类型
(1)数字类型
   var age=10;
   console.log(age);//将变量命名为数字类型 传递值为10,通过console输出。
(2)字符串类型
    var str1="123"
    var str2="456"//字符串类型用""标注就是字符串类型。
    console.log(str1+str2);//通过console输出,字符串类型可以通过+相加。
(3)布尔值类型(boolean)
    var flag=true
    console.log(true)//通过console输出,布尔值类型只有true(1),布尔值和数字相加时 true = 1; 或者false(0)。  
    // 在布尔类型转换的时候,如果不是0,'',NaN,null,undefined,其他转换出来的都是true
(4)其他类型
    var name;
    console.log(name);//此时输出undefined,undefined 没有被定义的意思,这种一种数据类型!!!
    var age = null; // null也是一种数据类型!!!
    console.log(111 + age);
    // 当数字和字符串进行拼接时,会将数字自动转换成字符串!!!
    console.log(111 + "您好");//通过console输出,结果为111您好。
    // 当字符串数字和数字想减时,就会自动将字符串数字转换成数字!!!
    console.log("110" - 9);//通过console输出,结果为101。
(5)使用typeof可以查看变量的类型
        var str = "单身快乐";
        var b = null;
        // typeof  使用方法 typeof 变量名称
        console.log(typeof str)  //string
        console.log(typeof 110) // number
        console.log(typeof true) // boolean
        console.log(typeof a)  // undefined
        console.log(typeof null) // object
(6)类型转换
  var num = 10;
  console.log(String(num));//将数字类型转换为字符串类型。
  var num = "10"
  console.log(Number(num);//将字符串类型转为数字类型。
   //parseInt(变量)
        // 这个函数不仅可以转换字符串,而且转换出来的是一个整数
        console.log(parseInt('3.1415926'))
        console.log(parseInt('3.9415926'))
        console.log(parseInt("110,你好!!!"))
        console.log(parseInt("你好,100!!!"))  // NaN
    parseFloat(变量) // 可以将字符串类型转数字
        // float: 浮点 
        console.log(parseFloat('3.1415926'))
        console.log(parseFloat('120px'));
        console.log(parseFloat('你好,120')); // NaN
    利用Number函数
        var str = "123"
        console.log(Number(str))
    可以隐式转换字符串 
        console.log('120' - 10);
        console.log('123' * 1);
    布尔类型转换成数字
        var flag = false;
        console.log(Number(flag))