JavaScript:基本概念、变量

2022/1/24 20:04:30

本文主要是介绍JavaScript:基本概念、变量,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

一、基本概念

1.引入页面方式

1.直接写在script 标签中

	<script type="text/javascript"></script>

2.通过外部链接

<script src="./js/index.js"></script>

3.script标签的位置:
放在head标签里面,或者body标签后,
区别:放在body后面,页面加载更快

2.基本语法

(1)是否区分大小写

js是区分大小写的语言

(2)注释

//这里是行注释
/*这里的所有内容都被注释掉*/

(3)变量的定义方式

1.var定义全局变量(包括在块元素中的定义);
2.let定义块元素下的局部变量;

(4)严格检查模式

"use strict";

开启前

x=1;	//true

开启后

x=1;	//false

二、变量的定义、数据类型

1.变量的定义方式

var
let

JavaScript是弱数据类型语言

2.数据类型

var a ="你好" ; 	//string
		var b = 1.9;	//number
		var c = true;	//boolean
		var d = false;
		var li = {
			name:"小李",
			age:18,
			ageUp:function(){
				
			}
		}					//object
		var f1 = function(){}
		function f2(){}		//function

string方法

字符串拼接

		var hi = "你好"
		var name = "小李"
		var sayHi = hi + "," + name;
		console.log(sayHi)
//打印结果:你好,小李
		//string
		var hi = "你好,小李";
		//获取字符串长度用.length
		console.log(hi.length);
		//获取某个字字符串的位置
		console.log(hi.indexOf("好,小李"));
		//获取截取从x开始(包含x),y结束(不包含y)的子字符串
		var x = 3; var y =5 ;
		console.log(hi.substring(x,y))
		//获取某个位置的字符
		console.log(hi.charAt(1))

number

		//number运算,小数存在精度问题
		var x = 0.1;
		var y = 0.2;
		console.log(x*y);
		//结果:0.020000000000000004

boolean

//一般不建议使用booleam,存在性能问题,用1和0代替更好
		var boolean = true;
		if(boolean){
			console.log("值为真")
		}

object

		//定义方式:
		var li = {
			name:"小李",
			age:18,
			get:function(){
				
			}
		}
		var wang = new Object();
		wang.name="王";
		wang.age="19";
		//获取值的方法:obj.key
		console.log(li.age)

function

		//定义方式
		var f1 = function(a,b){
			console.log(a);
			console.log(b);
			f2();
		}
		function f2(){
			console.log("这是f2")
		}
		//传值方式
		f1("nihao",1);
		//对于函数页面是优先加载的,可以前面的调用后面的

3.操作符

数据值判断

尽量使用 ===

//判断数据是否相等	==
		//== ,只判断值是否相等,不判断数据类型
		console.log(1=="1")
		console.log(1==true)
		console.log(true=="1")
		console.log(0==false)
		//  === 既判断值,也判断数据类型
		console.log(1==="1")
		console.log(1===true)
		console.log(true==="1")
		console.log(0===false)
		//前四个都是true,后四个都是false

运算符

		var hi = "你好";
		var name = "小李";
		hi +=name;//与 hi=hi+name  一样
		var x = 10;
		var y = 20;
		x/=y;	//还有*=  -=  += 等
		console.log(x);

自增自减

		var i = 1;
		console.log(i--);	//值为1
		console.log(i);		//值为0
		var i = 1;
		console.log(i++);	//值为1
		console.log(i);		//值为2
		var i = 1;
		console.log(++i);	//值为2
		console.log(i);		//值为2


这篇关于JavaScript:基本概念、变量的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程