typescript和js的区别是什么?

JavaScript020

typescript和js的区别是什么?,第1张

typescript和js的区别如下:

一:产生背景不同

1、TypeScript起源于使用JavaScript开发的大型项目。由于JavaScript语言本身的局限性,难以胜任和维护大型项目开发。因此微软开发了TypeScript,使得其能够胜任开发大型项目。

2、JavaScript在1995年由Netscape公司的BrendanEich,在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。

二:功能不同

1、TypeScript是JavaScript的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。

2、JavaScript是一种基于对象的语言,可以创建对象同时使用现有对象。但是Javascript并不支持其它面向对象语言所具有的继承和重载功能。

三:局限性不同

1、TypeScript扩展了JavaScript的语法,所以任何现有的JavaScript程序可以运行在TypeScript环境中。TypeScript是为大型应用的开发而设计,并且可以编译为JavaScript。

TypeScript支持为已存在的JavaScript库添加类型信息的头文件,扩展了它对于流行库的支持,如jQuery,MongoDB,Node.js和D3.js等。

2、由于JavaScript语言发展的较早,也较为成熟,所以仍有一大批开发人员坚持使用他们熟悉的脚本语言JavaScript,而不是学习TypeScript。

TypeScript代码需要被编译(输出JavaScript代码),这是TypeScript代码执行时的一个额外的步骤。

js修改input的type属性并且兼容ie的实现方法如下:

1、定义html中需要改变type的input控件::

<input type="text" value="Username" name="username" id="username"

onFocus="javascript:focusCheckDefaultValue(this, '', 'Username -OR- Email Address')"

onBlur="javascript:blurCheckDefaultValue(this, '', 'Username -OR- Email Address')">

<input type="password" value="Password" name="pass" id="pass"

onFocus="javascript:focusCheckDefaultValue(this, 'pass', 'Password')"

onBlur="javascript:blurCheckDefaultValue(this, 'pass', 'Password')">

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

2、定义处理type改变的js函数:

$(document).ready(function()

{

var passfield = document.getElementById('password_field_id')

passfield.type = 'text'

})

function focusCheckDefaultValue(field, type, defaultValue)

{

if (field.value == defaultValue)

{

field.value = ''

}

if (type == 'pass')

{

field.type = 'password'

}

}

function blurCheckDefaultValue(field, type, defaultValue)

{

if (field.value == '')

{

field.value = defaultValue//不修改,默认属性

}

if (type == 'pass' &&field.value == defaultValue)

{

field.type = 'text'//修改为text

}

else if (type == 'pass' &&field.value != defaultValue)

{

field.type = 'password'//修改为password

}

}

</script>

新建一个html文件,命名为test.html,用于讲解js如何改变input的type类型。

2

/6

在test.html文件内,使用input标签创建一个输入框,用于测试。

3

/6

在test.html文件内,设置input标签的id属性为ttwo。

4

/6

在test.html文件内,创建script标签,用于编写js代码。

5

/6

在js标签内,通过id获得input对象,使用type属性,将input的text类型改变button按钮类型。

6

/6

在浏览器打开test.html文件,查看结果。