简述javascript的主要特点,javascript的特点主要有

大家好,小编来为大家解答以下问题,javascript的主要特点有哪些,简述javascript的主要特点,现在让我们一起来看看吧!

简述javascript的主要特点,javascript的特点主要有_第1张图片

JavaScript的3个作用,5种特点,5大数据类型
  • 一、 3个javaScript的作用
    • 1.JavaScript表单验证,减轻服务器压力
    • 2.页面特效
    • 3.交互效果
  • 二、 5种JavaScript特点
    • 1. 弱类型
    • 2. 解释型语言
    • 3.区分大小写
    • 4.脚本语言
    • 5.浏览器解析
  • 三、 5大JavaScript基本数据类型
  • 四、 总结

一、 3个javaScript的作用

  1. JavaScript表单验证,减轻服务器压力
  2. 页面特效
  3. 交互效果

只有熟悉JavaScript的作用我们才能够正在的理解和使用JavaScript,才能够熟悉,为啥要学习JavaScript,学习了,对于写前端代码有什么效果和作用。

1.JavaScript表单验证,减轻服务器压力

JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证Python中的所有运算符号。
被 JavaScript 验证的这些典型的表单数据有:

  1. 用户是否已填写表单中的必填项目?
  2. 用户输入的邮件地址是否合法?
  3. 用户是否已输入合法的日期?
  4. 用户是否在数据域 (numeric field) 中输入了文本?

QQ通信时,QQ客户端在局域网内,当你打开QQ登录到QQ服务器时,通过外网,你的客户端与QQ服务器建立了一个长连接。你可以用netstat-bn 看到此连接的状态是 establish。登录时必须验明真身,不是什么人都可以连接到服务器,而且是需要绑定手机号等等一些可以证实真实身份的凭证。这使得一个用户只能注册一个账号(也有注册早的人,当时上网的人数较少,服务器没有提出这么严格的要求,所以现在也存在某些用户拥有多个QQ账号的情况),登录Id。再如百度网盘,百度网盘是一种虚拟的存储空间,注册账号会自动分配2T的网络存储空间,假设每人注册n个账户,那么一个人理论上可以2*n T的容量,当n趋于无穷大时,服务器还可以工作嘛??如果人数基数再大一些呢??显然在对服务器发送连接请求时,验证身份,限制注册用户的数量,可以减轻服务器的压力。

2.页面特效

提供一个实时时钟的例子,通过JavaScript中内置的Date对象调用时间,动态实时的改变检测时间,并显示在网页上面。下面两张是效果图,很炫酷,每次时间改变都会有小球碰出来。
动画效果图1
动画效果图2
如果有需要的可以联系我,可以提供大家动态的实时时钟代码。

3.交互效果

交互效果也是JavaScript的一大作用之一,对于程序员来说特别重要的,这里直接给出效果图和配上代码。
交互的效果图

// An highlighted block



	
		
		
	

	
		<>
		//第一种:先定义变量,再赋值
			var num1;
			num1 = 2;
		//第二种: 定义变量的同时赋值
			var num2 = 3.5;
		//第三种: 直接赋值	
			num3 = 4;
		//打印到控制台,通过内置的console和其方法log
		console.log("num1=" +num1,"num2="+num2,"num3="+num3);
		
	


二、 5种JavaScript特点

  1. 弱类型
  2. 解释型语言
  3. 区分大小写
  4. 脚本语言
  5. 浏览器解析
    深刻的理解5种特点有助于我们理解JavaScript代码,使得我们编写带代码和读别的源码时,知道所以然,提高效率,更有自己的逻辑和条理性。

1. 弱类型

变量没有确定的类型,类型可变,变量类型只与当时值类型有关
JavaScript中定义变量是通过var(variable-变量),通常有三种定义的方式分别如下代码所示:
第一种:先定义变量,再赋值
var num1;
num1 = 2;
第二种: 定义变量的同时赋值
var num2 = 3.5;
第三种: 直接赋值
num3 = 4;

// An highlighted block


	
		
		
	
	
		<>
		//第一种:先定义变量,再赋值
			var num1;
			num1 = 2;
		//第二种: 定义变量的同时赋值
			var num2 = 3.5;
		//第三种: 直接赋值	
			num3 = 4;
		//打印到控制台,通过内置的console和其方法log
		console.log("num1=" +num1,"num2="+num2,"num3="+num3);
		
	

var定义数据类型
验证JavaScript是一个弱类型语言,使用函数typeof是一个单目运算符(操作的数目只有一个,如自增/减运算符++,–),下面附上代码:

// An highlighted block


	
		
		
	
	
		<>
		//定义一个String的数据类型
		var str = "I Love you my friend!";
		//打印str的数据类型
		console.log(typeof str);
		//对str赋值为number数据类型
		str = 10;
		//打印str的数据类型
		console.log(typeof str);
		//对str赋值为Boolean数据类型
		str = false;
		//打印str的数据类型
		console.log(typeof str);
		//对str赋值为object数据类型(javaScript中数组为object类型)
		str = [1,5,6];
		//打印str的数据类型
		console.log(typeof str);
		//定义个未赋值的数据类型
		var num;
		//打印str的数据类型
		console.log(typeof num);
		
	


效果图片:
在这里插入图片描述

2. 解释型语言

在JavaScript域内从上向下依次解析,边解析边执行开发中的技巧:当引用别人的JavaScript文件时,应当放在自己写的JavaScript代码之前)
这里例举一个实例,验证在JavaScript语言是从上往下依次执行的,假设先在控制台输出一个未定义的变量会是什么情况呢??只有两种情况:1.是可以打印出来,2.是不可以打印出。答案:当然是不能打印,并且系统会报错。如下图所示:
在这里插入图片描述

3.区分大小写

直接上代码检测一下,还是建议各位小伙伴,能够使用代码自己敲一下到底是不是这么回事。这里我贴上代码,和实验的效果图。

// An highlighted block


	
		
		
	
	
		<>
		//定义不同的变量a和A一个小写,一个大写
			var a = 10;
			var A = 100;
		//控制台打印a和A
		console.log("a = "+a," A = "+A)	
		
	


效果图在这里插入图片描述

4.脚本语言

脚本语言又被称为扩建的语言,或者动态语言,是一种编程语言,用来控制软件应用程序,脚本通常以文本(如ASCII)保存,只在被调用时进行解释或编译。
脚本语言(Script languages,ing programming languages,ing languages)是为了缩短传统的编写-编译-链接-运行(edit-compile-link-run)过程而创建的计算机编程语言。

5.浏览器解析

三、 5大JavaScript基本数据类型

1. undefined数据类型(undefined值 == null值, 指的是未赋值的变量)
2. number数据类型
3. boolean数据类型
4. String数据类型
5. object数据类型(null值,数组,内置对象,自定义对象,function函数)

JavaScript只有这几种数据类型,由于JavaScript是一种弱类型语言,所以他们之间的数据类型可以相互的转换,上面在介绍弱类型的时候2.1中已经介绍过,这里不过多的赘述。还是继承以往的风格,我们直接上代码和效果图,看看到底是不是这么回事呢。看过一些博客,有些说是6种,这里我把function归结到object类中,是因为function是object的子类,具体来说,函数是“可调用对象”。 但是function对象与普通对象相比,其内部有一个[[Call]]方法,用来表示这个对象是可调用的,typeof操作符在判断Object时,如果内部实现了[[Call]]方法,就返回function。
代码:

// An highlighted block


	
		
		
	
	
		<>
		//定义一个变量
		var num;
		//打印str的数据类型
		console.log(typeof num);
		//验证null==undefined
		console.log(num == null)//值等,类型不等(null为object类型,undefined为undefined类型)
		//定义一个String的数据类型
		var str = "I Love you my friend!";
		//打印str的数据类型
		console.log(typeof str);
		//对str赋值为number数据类型
		str = 10;
		//打印str的数据类型
		console.log(typeof str);
		//对str赋值为Boolean数据类型
		str = false;
		//打印str的数据类型
		console.log(typeof str);
		/*
		 * 1. 数组
		 * 2. null
		 * 3. 内置对象(date,Math)
		 * 4. 自定义对象
		 * 5. function是一个特殊的对象
		 */
		//1.数组
		str = [1,5,6];
		//打印str的数据类型
		console.log(typeof str);
		//定义个未赋值的数据类型
		//2.null
		console.log(typeof null);
		//3.内置对象
		console.log(typeof Date);
		console.log(Date instanceof Object);//Date对象是一个function其父类型为object所以是object类型
		//4.自定义类型
		//将str变量赋值为一个自定义对象类
		str = {name:"张三",age:15,profession:"学生"};
		console.log(typeof str);
		
		//function函数
		//定义一个function函数
		function basicType(){
			
		}
		console.log(typeof basicType);
		console.log(basicType instanceof Object);//显示true说明是一个object类型
		
	


运行结果图:
在这里插入图片描述

四、 总结

JavaScript是本文主要讲解了3个作用,5种特性,5大基本数据类型。对于某些博主的6大数据类型做出反驳,function函数是属于Object类型,并附上了代码和验证代码。

你可能感兴趣的:(udp)