JS基础知识 JS的使用方法 变量 数据类型转换

阿寻
104 阅读4分钟

JS的使用方法

JS的书写方式

//JS的外链式
<head>
  <script src="外链链接"></script>
</head>

//内嵌式
1.<body>
  <script>
    alert('浏览器弹出警示框')
  </script>
</body>

2.<head>
  <script>
    alert('浏览器弹出警示框')
  </script>
</head>


//行内书写
<input type="button" value="按钮" onclick="alert('hello')">

JS的注释


//单行注释

  // 快捷键 Ctrl+/
### 
  
//多行注释

  /**
  *alert('浏览器弹出警示框')
  * 快捷键 Shift+Alt+a
  */

变量

什么是变量？
  变量是用于存放数据的容器，我们通过 变量名 获取数据，且数据可以修改.


变量的本质
 变量是程序在内存中申请的一块用来存放数据的空间

变量的使用

//声明变量 var  后面必须填写一个空格
var a = 100; //创建一个变量名为a，值为100
var 变量声明
a   变量名
=   赋值号 //将值存到左侧的变量中  赋值号两侧习惯书写一个空格
100 值

var d ; //变量定义
d = 100; //变量赋值
var d = 100；//变量定义并赋值


var v = 300；
console.log(v);  //我们想打印的值 将变量v的值，打印在控制面板上
//在浏览器中打开 左键检查 找到Console点击 就能看到我们想打印的值

变量命名规范

  • 由字母、数字、下划线、$符号组成，不能以数字开头
  • 字母区分大小写不能是关键字和保留字
  • 关键字指的是js中有特殊功能的小词语，比如var、for等
  • 保留字指的是现在没有特殊功能，但是将来新语法中有可能作为关键字使用
  • 驼峰命名法：首字母小写，后面单次首字母大写 例：myName

变量的数据类型

基础数据类型

  • number数字型 （整数，浮点数）
  • string字符串类型（需要引号包裹 单引号 双引号都可以）
  • boolean布尔类型（ture/false）
  • undefinde类型（未定义 ，变量只声明未赋值的时候，默认值为undefinde）
  • null类型（空，代表一个对像为空）
//数字型
var a = 100;

//字符串类型
var b = ('100');
var cc = ('小阿寻');
var nn = ('abc')

//未定义类型
var aa;
console.log(aa) ; //undefinde

var rr = undefinde;
console.log(rr);  //undefinde
console.log(rr + '阿寻') ///undefinde阿寻 任何字符类型的和字符串类型相加 最后结果都是字符串类型

//布尔类型
//布尔型  true 为真（对） false为假（错） 
//布尔型和数字相加的时候，true的值为1，false的值为0
console.log(true + 1); // 1+1=2
console.log(false + 1); //0+1=1

 //null类型
var ee = null;
console.log(ee); //null
console.log(ee + 'boy');  //nullboy 任何字符类型的和字符串类型相加 最后结果都是字符串类型
console.log(ee + 1);  //1

获取变量的数据类型 typeof

var qq = '小白兔'
console.log(typeof qq);  //string 字符串类型
var ww = 10;
console.log(typeof ww);   //number 数字类型
var rr = undefined
console.log(typeof rr);   //undefined 未定义类型
var ee = true;
console.log(typeof ee);   //boolean  布尔类型
var tt = false;
console.log(typeof tt);   //boolean 布尔类型
var ss;
console.log(typeof ss); //undefined 未定义类型

数据类型的转换

转换成数字类型 语法Number()

var qq = '33'; //字符串类型
Number(qq);  //小括号内写我们想转换的值
console.log(typeof Number(qq));

var ww = '';  //空字符串
console.log(Number(ww))   //0
        
var ee = ' ';  //空白字符串
console.log(Number(ee))   //0


console.log(Number(undefined));  //NaN  非数字的数字
console.log(Number(null));   //0   
console.log(Number(true));  //1   
console.log(Number(false));  //0

parseInt 用来将其他类型数值，转换为整数

console.log(1.2);  //1.2
console.log(parseInt(1.2));   //1
console.log('1.23456');  //1.23456
console.log(parseInt('1.23456'));  //1
console.log(parseInt('123abc.23456'));  //123
console.log(parseInt('abc.23456'));  //NaN

//parseFloat
console.log(parseFloat(1.1));   //1.1
console.log(parseFloat('1.1'));   //1.1

转字符串string

var a = 100;

console.log(typeof (a + ' '));  //string
console.log(100 + 300);    //400
console.log(100 + '300');    //100300

//+ 加号在JS 代表将 左右两侧的值 相加 ，如100+300等于400
//但是！如果在加号两侧 出现一个字符串类型的，就不再运算两者
//相加而是运算，两者的拼接，且得到的值，为字符串类型的

toString 方法，number类型 可以调用

undefined  不能使用 toString 方法
null 不能使用 toString 方法
布尔类型可以使用 toString方法
如果想将undefined 或者 null 转换为 string 类型，
1.可以通过 + ''  的方式
2.String(变量)

var b = 100 ;
console.log(typeof b.toString());

var c = null;
console.log(typeof(c + ''));

var v = null;
console.log(typeof String(v));

布尔值转换

//数字转换为布尔值非0则为真
console.log(Boolean(100));  //true
console.log(Boolean(0));   //false
console.log(Boolean(-100));  //true

转为false：NaN、0、“”空字符串、null、undefined
转为true：非0 非NaN数字、非空字符串

console.log(Boolean('')); //false
console.log(Boolean(' '));   //true
console.log(Boolean('12sdj'));  //true

字符串的拼接

console.log('沙漠' + '水源');  //沙漠水源
console.log('小白' + 19);   //小白19
console.log('小黄' + true);  //小黄true
console.log(12 + 12);    //24
console.log('12' + 12);   //1212

console.log('hello' + ' ' + 'dog'); //hello dog
console.log('100' + '100');   //100100
//数值相加  字符串相连

//加强字符串拼接
console.log('小白' + '18' + '岁 ');  //小白18岁
var vf = 18;
console.log('小白' + vf + '岁');  //小白18岁
avatar
文章
阅读
粉丝