Javascript:对象/函数/运算符

1.Javascript对象可以直接创建,而无需像java等其它语言那样先定义一个类。

2.由于Javascript是弱类型,因此定义函数时也不需要写参数的类型类型。不需要声明返回值,在函数体中可自由确定是否return一个值。

3.Javascript运算符与java非常类似。

代码整理自w3school:http://www.w3school.com.cn

效果图:

示例代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="zh-cn" />

<title>Javascript 对象与函数</title>

<head type="text/css">
  <style>
    body {background-color:#e0e0e0}
    p.nowrap {display:inline;padding-left:10px}
    p.percent40w {width:40%}

    span.redColor {color:red}
    input.niceStyle {padding:5px}

  </style>
</head>

<body>
  <p>JavaScript 中的所有事物都是对象:字符串、数字、数组、日期,等等。</p>
  <h3>(一)创建一个Javascript对象</h3>
  <script>
    person = new Object();
    person.firstName = "Bill";
    person.lastName = "Gates";
    person.age = 56;

    person.speak = function(){
      alert("I am a person!");
    }

    //访问对象的属性
    document.write(person.firstName+" "+person.lastName+" is "+person.age+" years old.<br/>" );
    document.write("eyescolor:"+person.eyescolor+"<br/>");

    //访问对象的方法
    //person.speak();

    var s = "Hello World"
    document.write("uppercase:"+s.toUpperCase()+"<br/>");
    document.write("length:"+s.length+"<br/>");

  </script>

  <h3>(二)带参数的函数</h3>
  <p>点击按钮,调用带参数的函数</p>
  <button onclick="myFunction('Bill Gates','CEO')">点击这里</button>

  <script>
    function myFunction(name,job){
      alert("Welcome " + name + ", the " + job);
    }
  </script>

  <h3>(三)带返回值的函数</h3>
  <input class = "niceStyle" id = "originalText" type="text"/>
  <button type="button" onclick="toUpper()">转为大写</button><br/>
  <p class = "nowrap" id = "upperText"></p>
  <script>
    function toUpper(){
      var x = document.getElementById("originalText").value;
      document.getElementById("upperText").innerHTML = getUpper(x);
    }

    function getUpper(originalText){
      return originalText.toUpperCase()
    }
  </script>

  <h3>(四)JavaScript变量的作用域</h3>
<p class="percent40w">
1.在函数内部声明的变量(使用 var)是局部变量,只能在函数内部访问。可以在不同的函数中使用名称相同的局部变量,因为只有声明过该变量的函数才能识别出该变量。<br/>
2.在函数外声明的变量是全局变量,<span class = "redColor">网页上的所有脚本和函数</span>都能访问它。<br/>
3.局部变量会在函数运行以后被删除,全局变量会在页面关闭后被删除。<br/>
4.如果把值赋给尚未声明的变量,该变量将被自动作为全局变量声明。
</p>

  <h3>(五)JavaScript运算符</h3>
  <p>如果把数字与字符串相加,结果将成为字符串。此规则与java完全相同。</p>
  <script>
    var x = 5+6;
    document.write(x)
    document.write("<br/>")
    x = "5"+"6"
    document.write(x)
    document.write("<br/>")
    x = 5 +"6"
    document.write(x)
    document.write("<br/>")
    x = "5"+6
    document.write(x)
    document.write("<br/>")
    x = 5+6+"6"
    document.write(x)
    document.write("<br/>")
  </script>

</body>

</html>
时间: 2024-11-05 11:35:48

Javascript:对象/函数/运算符的相关文章

JavaScript中两种类型的全局对象/函数

这里所说的JavaScript指浏览器环境中的包括宿主环境在内的. 第一种是ECMAScript Global Object,第二种是宿主环境(Host)下的全局对象/函数. 一.核心JavaScript内置对象,即ECMAScript实现提供的不依赖于宿主环境的对象 这些对象在程序执行之前就已经(实例化)存在了.ECMAScript称为The Global Object,分为以下几种 1, 值属性的全局对象(Value Properties of the Global Object).有NaN

Javascript使用函数apply扩展环境对象

Javascript使用函数apply扩展环境对象 通过实例对象作为参数传入调用构造函数对象的apply方法,以使实例对象作为环境对象在作为一个普通函数的构造函数中执行,构造函数的属性会覆盖到实例对象上,从而实现实例对象的属性扩展. 1.函数对象的apply和call传入参数     var tag = "global";      function say(){          for(var args = "", i = 0; i < arguments

JavaScript中函数对象的call()和apply()方法的总结

在JavaScript中,每个函数都有call()和apply()方法,用法举例如下: 先定义一个some_obj的对象,该对象有一个say()方法: var some_obj={ name:'Ninja', say:function(who){ return 'Haya ' + who + ', I am a '+ this.name; } }; 调用some_obj.say('Dude'); 输出:"Haya Dude, I am a Ninja" 再创建一个对象 var my_o

JavaScript 没有函数重载&amp;Arguments对象

对于学过Java的人来说,函数重载并不是一个陌生的概念,但是javaScript中有函数重载么...接下来我们就进行测试 <script type="text/javascript"> //JavaScript不存在函数重载现象 var add=function(a,b){ return a+b; } var add=function(a,b,c){ return a+b+c; } <span style="white-space:pre">

JavaScript中两种类型的全局对象/函数(转)

转自:http://www.cnblogs.com/snandy/archive/2011/03/19/1988626.html 这里所说的JavaScript指浏览器环境中的包括宿主环境在内的.第一种是ECMAScript Global Object,第二种是宿主环境(Host)下的全局对象/函数. 一.核心JavaScript内置对象,即ECMAScript实现提供的不依赖于宿主环境的对象 这些对象在程序执行之前就已经(实例化)存在了.ECMAScript称为The Global Objec

JavaScript 没有函数重载&amp;amp;Arguments对象

对于学过Java的人来说.函数重载并非一个陌生的概念,可是javaScript中有函数重载么...接下来我们就进行測试 <script type="text/javascript"> //JavaScript不存在函数重载现象 var add=function(a,b){ return a+b; } var add=function(a,b,c){ return a+b+c; } <span style="white-space:pre">

第三节(JavaScript 对象、函数)

JavaScript 中的所有事物都是对象:字符串.数字.数组.日期,等 在 JavaScript 中,对象是拥有属性和方法的数据 属性和方法 (属性是与对象相关的值.方法是能够在对象上执行的动作) 例: 学生 student student属性: student.name = 美女; student.age = 18 ; student.sex = 女 ; student.isMarry = true ; student的方法: student.eat() // 吃饭 student.slee

JavaScript对象浅谈

JavaScript对象 对象 ECMA-262 把对象(object)定义为"属性的无序集合,每个属性存放一个原始值.对象或函数".严格来说,这意味着对象是无特定顺序的值的数组. 对象是属性和方法的无序集合 对象就是无序属性的集合 尽管 ECMAScript 如此定义对象,但它更通用的定义是基于代码的名词(人.地点或事物)的表示. 在JavaScript中,除了数字.字符串.布尔值.null.undefined这五种原始类型,之外的都是对象,也就是印证了"万物皆对象&quo

JavaScript调用函数的方法

摘要:这篇文章详细的介绍了Javascript中各种函数调用的方法及其原理,对于理解JavaScript的函数有很大的帮助! 一次又一次的,我发现,那些有bug的Javascript代码是由于没有真正理解Javascript函数是如何工作而导致的(顺便说一下,许多那样的代码是我写的).JavaScript拥有函数式编程的特性,当我们选择面对它的时候,这将成为我们前进的阻碍.  作为初学者,我们来测试五种函数调用的方法,从表面来看我们会认为那些函数与C#中函数的作用非常相似,但是我们一会儿可以看到