现在的位置: 首页 > web前端 > 正文

codecademy.com之JavaScript学习

2018年09月30日 web前端 ⁄ 共 2057字 ⁄ 字号 评论关闭

如何学习javascritpt  

http://javascriptissexy.com/how-to-learn-javascript-properly/

javascript学习站点    http://www.codecademy.com/zh/tracks/javascript

Data Structures

Data Types: numbers, strings, booleans and arrays.
Boolean
若没有设置或者设置为0,-0,null,"",false,undefined,NaN时为false,其他情况为true
Arrays

var myCars=new Array();
var myCars=new Array("Saab","Volvo","BMW"); 
var myCars=["Saab","Volvo","BMW"];

Objects

创建对象两种方式

(1)object literal notation 

var myObj = {
    type: 'fancy',age:24,
    speak: function(){}   //method
};

(2)object constructor

var myObj = new Object(); //using a built-in constructor called Object
myObj["name"] = "Charlie";
myObj.name = "Charlie";

自定义的构造函数

function Rabbit(adjective) {
    this.adjective = adjective;
    var age=12; //private 不能用this修饰
    this.describeMyself = function() {
        console.log("I am a " + this.adjective + " rabbit");
    };
}
var rabbit1 = new Rabbit("fluffy");
//className.prototype.newMethod = function(){} 给某个类添加方法
Rabbit.prototype.describeMyself = function (){}

Object Oriented

继承

// the original Animal class and sayName method
function Animal(name, numLegs) {
    this.name = name;
    this.numLegs = numLegs;
}
Animal.prototype.sayName = function() {
    console.log("Hi my name is " + this.name);
};

// define a Penguin class
function Penguin(name) {
    this.name = name;
    this.numLegs = 2;
}
// set its prototype to be a new instance of Animal
Penguin.prototype = new Animal();
var p =new Penguin("Timmy");
p.sayName(); 

自定义声明的类都继承自Object类

//Object.prototype itself is an object
// what is this "Object.prototype" anyway...?
var prototypeType = typeof Object.prototype;
console.log(prototypeType); //object
// now let's examine it!
var hasOwn = Object.prototype.hasOwnProperty("hasOwnProperty");
console.log(hasOwn); //true

私有化成员和方法

/*
Public properties can be accessed from outside the class
Private properties can only be accessed from within the class
*/
function Person(first,last,age) {
   this.firstname = first;
   this.lastname = last;
   this.age = age;
   var bankBalance = 7500;  //var this.bankBalance  (不能加this)
  
   var returnBalance = function() {
      return bankBalance;
   };      
   // create the new function here
   this.askTeller = function (){
        return returnBalance;
    }
}
var john = new Person('John','Smith',30);
console.log(john.returnBalance);
var myBalanceMethod = john.askTeller();
var myBalance = myBalanceMethod();
console.log(myBalance);

抱歉!评论已关闭.