美文网首页
JavaScript 初步学习

JavaScript 初步学习

作者: 其实我很菜啊 | 来源:发表于2017-12-18 00:06 被阅读0次

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML标准通用标记语言下的一个应用网页上使用,用来给HTML网页增加动态功能。

一、JavaScript 数据类型
  1. 字符串(String)
  2. 数字(Number)
  3. 布尔(Boolean)
  4. 数组(Array)
  5. 对象(Object)
  6. 空(Null)
  7. 未定义(Undefined)

JavaScript 拥有动态类型变量可用作不同的类型可以重复向同一个变量赋值:

var x;             
var x = 5;           //number
var x = "John";      // string
二、声明变量类型
var carname=new String;
var     x=      new Number;
var     y=      new Boolean;

与 java 类似,当需要声明一个变量时使用 new 即可,js 的变量均为对象所以在声明一个变量的同时就已经把这个创建为一个对象。

三、对象的定义

var person = {
    firstName:"John",
    lastName:"Doe",
    age:50,
    eyeColor:"blue"
};

或者

var person = {firstName:"John",lastName:"Doe",age:50,eyeColor:"blue"};

javaScript对象也可以先创建,再添加属性和属性值,比如:

var person=new Object();
person.name='小明';
person.sex='男';

同样如果要将里对象取出来时

name =person.name;

这种存取方法就有点类似与 JavaBean 中的 set 和 get 方法。

五、JavaScript 函数

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块,减少了代码的重复使用。

<script>
function myFunction()
{
    alert("Hello World!");
}
</script>

在函数名前使用关键字 function 就可以定义一个函数,比如我们需要在一个按钮中触发一个函数可以这样做

<button onclick="myFunction()">点击</button>

一个带参数的函数

<script>
function myFunction(a,b)
{
    alert(a+b);
}
</script>

其中 a 与 b 就是形参,那么需要函数返回一个值呢

function myFunction(a,b)
{
    return (a+b);
}
</script>

需要函数带有返回值时,不需要像 java 一样在创建函数时声明返回类型,当需要得到返回只值时直接 var sum = myFunction(); 即可。

五、显示输出

JavaScript 可以通过不同的方式来输出数据:

  • 使用 window.alert() 弹出警告框。
  • 使用 document.write() 方法将内容写到 HTML 文档中。
  • 使用 innerHTML 写入到 HTML 元素。
  • 使用 console.log() 写入到浏览器的控制台。

六、在 js 中使用 try-catch

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
var txt="";
function message(){
    try {
        adddlert(" Right !");
    }
    catch(err) {
        txt="本页有一个错误。\n\n";
        txt+="错误描述:" + err.message + "\n\n";
        txt+="点击确定继续。\n\n";
        alert(txt);
    }
}
</script>
</head>
<body>

<input type="button" value="查看消息" onclick="message()" />

</body>
</html>

js最基本的知识点大概就是这样,js只是对html功能的补充和完善,所以要学好js没有对html标签使用的扎实基础是不行的

相关文章

  • JavaScript 初步学习

    JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为Ja...

  • 老司机Studio 第四章

    Javascript初步 Javascript基本概念 Javascript 是 ECMAScript标准的一种实...

  • JavaScript函数之递归

    JS函数 从本篇文章开始,我们将继续回到JavaScript函数的学习。在学JS基础时我们初步学习了函数,讲解了函...

  • JavaScript初步认识

    JavaScript 是脚本语言 通过document.getElemen获取元素 DOM(文档对象模型)是用以访...

  • JavaScript初步介绍

    1 JS是谁发明的? 布兰登 2 JS的诞生 为了完成公司的需求,布兰登花了十天时间设计了JS,用于给浏览器添加一...

  • JavaScript初步介绍

    JavaScript宗旨是让网站活起来 优点 安全,因为它是基于浏览器引擎(V8, spiderMokey)运行的...

  • 初识JavaScript Promises之二

    上一篇我们初步学习了JavaScript Promises,本篇将介绍Promise如何优雅地进行错误处理以及提升...

  • JavaScript学习之路

    经过两周的间断性学习,终于通过廖大大的博客初步掌握了JavaScript的基本语法与应用,边学习边做习题,知识吸收...

  • 第X周Javascript

    上周做了关于努比亚的项目页面,本周开课javascript 初步javascript目的——表单验证-减少服务端压...

  • ruby初探——变量

    JavaScript语言中的变量一直是为人诟病的地方,初步接触Ruby后学习新的语言变量,学习心得留存在,此以备后...

网友评论

      本文标题:JavaScript 初步学习

      本文链接:https://www.haomeiwen.com/subject/egaswxtx.html