JavaScript简介

目录

什么是脚本语言?

优点:

关于JavaScript的注释格式

关于Javascript代码编写位置的存放

 关于JavaScript的变量

分支和循环

关于JavaScript中的对象问题

关于JavaScript中的数组问题 


什么是脚本语言?

脚本语言是为了缩短传统的编写-编译-链接-运行(edit-compile-link-run)过程而创建的计算机编程语言。
    1、脚本语言(JavaScript,VBscript等)不能独立使用,必须介于HTML和C,C++,Java,C#等编程语言之间。
    2、脚本语言与编程语言也有很多相似地方,其函数与编程语言比较相像一些,其也涉及到变量。
    3、脚本语言是一种解释性的语言,例如Python、vbscript,javascript等等,它不像其他语言可以编译成二进制代码,
       以可执行文件的形式存在,脚本语言不需要编译,可以直接用,由解释器来负责解释。

优点:

      快速开发:脚本语言极大地简化了“开发、部署、测试和调试”的周期过程。
      容易部署:大多数脚本语言都能够随时部署,而不需要耗时的编译/打包过程。

    JavaScript 是互联网上最流行的脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、
    平板电脑和智能手机等设备。
    JavaScript 是脚本语言
    JavaScript 是一种轻量级的编程语言。
    JavaScript 是可插入 HTML 页面的编程代码。
    JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。
    JavaScript 很容易学习。

关于JavaScript的注释格式

 JavaScript 不会执行注释。
    我们可以添加注释来对 JavaScript 进行解释,或者提高代码的可读性。
    单行注释以 // 开头。
    多行注释以 /* 开始,以 */ 结尾。

关于Javascript代码编写位置的存放

  1.  内部只要放在html标签里即可
  2. 引用外部Js文件
  3. js脚本可以编写到行内       弊端:耦合太高了,不方便维护,不建议使用
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>编写位置</title>
		<!--内部只要放在html标签里即可-->
		<script>
			alert("内部js脚本");
		</script>
		<!--
        	引用外部Js文件
        -->
		<script type="text/javascript" src="../js/JavaScript.js"></script>
	</head>
	<body>
		<!--
        js脚本可以编写到行内
                  弊端:耦合太高了,不方便维护,不建议使用
        -->
		<button onclick="alert('讨厌,你点我干嘛,')">点我一下</button>
</body>
</html>

 关于JavaScript的变量

存放在内存中

变量的命名规则:

  1. 变量名必须以字母或下划线 (_) 开头
  2. 不能使用JavaScript的关键字保留字
  3. 由于JavaScript区分大小写,所以可用的字母包括A到Z(大写)和a到z(小写)的字符
  4. 变量名可以包含数字,但是不能以数字开头

JavaScript一共六种数据类型:

String,Number(整数和小数),boolean,null(空对象),undefined(未定义类型),object(对象)

除了object是引用数据类型,其他都算基本数据类型

变量的定义和初始化

 js是一种弱类型语言,在定义变量的时候,不需要指定变量的明确类型,统一用var定义

例如:var num;num=1;

分支和循环

分支和循环和java没太大区别都是:if{}。。。else if{}以及for(var i;i<n;i++){}

关于JavaScript中的对象问题

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>JavaScript对象</title>

    <!--在 JavaScript 中,对象是拥有属性和方法的数据。
        1.属性和方法
		        属性是与对象相关的值。
		        方法是能够在对象上执行的动作。
		        举例:汽车就是现实生活中的对象。
		        汽车的属性:名称、型号、重量、颜色。
		        汽车的方法:启动、驾驶、刹车。

        2.JavaScript中的对象
		        例:var  message="Hello World!"
		        实际上已经创建了一个JavaScript字符串的对象,字符串对象拥有内建的属性length。length=5
		        属性:txt.length=5;
		        方法:txt.indexof()
		       txt.replace()
        3.创建JavaScript对象
          JavaScript 中的几乎所有事物都是对象:字符串、数字、数组、日期、函数,等等。
    -->
    <script>
    	
    	//字符串
    	var str="马上放假了,好开心啊";
    	var len=str.length;
    	document.write("字符串的长度:"+len+"<br />");
    	
    	//创建对象
    	var person={};//这就创建了一个对象,只是对象为Null
    	
    	//创建汽车对象
    	var car={
    		name:"小包",//每个属性方法之间用逗号隔开
    		brand:"五菱宏光",
    		color:"red",
    		price:"500万",
    		width:"12米",
    		//行为
    		show:function(){
    			alert("姓名:"+this.name+",品牌:"+this.brand);
    		}
    	}
    	
    	//调用方法
    	car.show();
    	
    	//在一个对象里面可以包含另一个对象
    	var person1={
    		name:"王小二",
    		mycar:car,
    		msg:function(){
    			alert("姓名:"+name);
    		}
    	}
    	
    	//给属性赋值第一种
    	person1.name="王大尔";
    	alert(person1.name);
    	//第二种
    	person1["name"]="张三";
    	alert(person1.name);
    	
    	alert(person1.mycar.brand);
    	
    	//创建对象的另一种方式  了解
    	var person2=new Object();//这样也是创建了一个对象
    	person2.age1=10;
    	document.write(person2.age1);
   </script>
</head>
<body>

</body>
</html>

关于JavaScript中的数组问题 

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>数组</title>
    <script>
    	/*
			 * 数组:(Array)
			 * 数组也是一个对象,可以保持多个值,多个对象
			 * 
			 */
			//1.声明一个数组
			var scores=new Array();
			scores[0]=20;
			scores[1]=30;
			scores[2]=40;
			//获取数组长度
			document.write("scores数组的长度是:"+scores.length+"<br />");
			
			//2.可以在声明数组同时赋值
			var scores1=new Array(20,30,40,60);
			document.write("scores1数组的长度是:"+scores1.length+"<br />");
			
			//3.使用最简单的方式创建一个数组
			var scores2=[20,30,50,70];
			document.write("scores2数组的长度是:"+scores2.length+"<br />");
			
			//4.如果是单个数字,不是赋值,而是指定的数组的长度
			var scores3=new Array(20);
     	    document.write("scores3数组的长度是:"+scores3.length+"<br />");
     	    
     	    //5.分类字符串
     	    var str="a-b-c-d";
     	    var strs=str.split("-");
     	    document.write("分离后:"+strs+"<br />");
     	    
     	    //6.push():向数组中追加元素,添加到末尾,可以一次性添加多个
     	    var arr=[1,2];
     	    arr.push(3,4);
     	    document.write("追加后数组:"+arr+"<br />");
     	    
     	    //7.pop():删除的数组的最后一个元素
     	    arr.pop();
     	    document.write("删除后数组:"+arr+"<br />");
     	    
     	    //8.怎么访问数组的元素
     	    var arr1=["李白","韩信","阿轲","兰陵王","百里玄策"];
     	    //遍历数组
     	    for(var i=0;i<arr1.length;i++){
     	    	document.write(arr1[i]+"<br />");
     	    }
     	    
     	    // for in
     	    for(var num in arr1){//num指的是数组的坐标
     	    	document.write(arr1[num]+"<br />");
     	    }
     	    
     	    //对象数组
     	    var car={
     	    	name:"宝马",
     	    	price:500000
     	    };
     	      var car1={
     	    	name:"宝骏",
     	    	price:50000
     	    };
     	      var car2={
     	    	name:"宾利",
     	    	price:5000000
     	    };
     	    
     	    var arr2=new Array(car,car1,car2);
     	    for(var i=0;i<arr2.length;i++){
     	    	document.write(arr2[i].name+" "+arr2[i].price);
     	    }
    </script>
</head>
<body>

</body>
</html>

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值