一文详解JavaScript函数和面向对象编程

javascript函数

函数就是一个功能模块，函数式编程是一种面向过程的编程思想，如果遇到一个大的复杂问题，可以分解成几个部分，每个部分用专门的函数分解实现。

创新互联建站服务项目包括慈溪网站建设、慈溪网站制作、慈溪网页制作以及慈溪网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，慈溪网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到慈溪省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！

函数语法：

function functionName(parameters) {
  执行的代码
}

functionName(parameters)   // 函数调用

函数声明后不会立即执行，会在我们需要的时候调用到。

函数提升：

提升（Hoisting）是 JavaScript 默认将当前作用域提升到前面去的行为。
提升（Hoisting）应用在变量的声明与函数的声明。

因此，函数可以在声明之前调用：

console.log(add(3, 4));
        
function add(a, b){
    return a + b;
}

函数表达式：JavaScript 函数可以通过一个表达式定义。

const add = function(a, b){
    return a + b;
}

console.log(add(3, 4));

箭头函数：表现形式更加简洁。

const add = (a, b) => {
    return a + b;
}

console.log(add(3, 4));

函数作用域

局部变量：只能在函数内部访问。

变量在函数内声明，变量为局部变量，具有局部作用域。

const output = () => {
    let a = 10;
}

console.log(a);

变量在函数外定义，即为全局变量。

全局变量有全局作用域：网页中所有脚本和函数均可使用。

let url = "https://noi.hioier.com/";

const output = () => {
    console.log(url);
}

output();

哥德巴赫猜想

首先，将一个大问题划分成两个子问题：

判断一个数是否是质数；
循环遍历2~n，如果i是质数且n-i也是质数，则输出结果，并跳出循环。

因为枚举过程是从小到大，第一个找到的可行解一定是字典序最小的。

let buf = "";

const is_prime = (n) => {
   for(let i = 2; i < n; i++){
      if(n % i == 0)
         return false;
   }
    
    return true;
}

process.stdin.on("readable", function(){
    let chunk = process.stdin.read();
    if(chunk) buf += chunk.toString();
});

process.stdin.on("end", function(){
   let n = parseInt(buf);
        
   for(let i = 2; i <= n; i++){
         if(is_prime(i) && is_prime(n - i)){
         console.log(`${n} = ${i} + ${n-i}`);
            break;
        }
   }    
    
   // console.log(is_prime(n))

});

面向对象编程

面向对象编程相较于面向过程编程更适合大型程序设计。

类是用于创建对象的模板。我们使用 class 关键字来创建一个类，类体在一对大括号 {} 中，我们可以在大括号 {} 中定义类成员的位置，如方法或构造函数。

每个类中包含了一个特殊的方法 constructor()，它是类的构造函数，在创建对象时自动执行。

class People{
    constructor(name, age){
        this.name = name;
        this.age = age;
    }

    output(){
        console.log(`My name is ${this.name}, I am ${this.age} years old.`);
    }
}

let xiaoming = new People("小明", 10);
xiaoming.output();

继承：

在子类的构造函数中，只有调用super之后，才可以使用this关键字。

成员重名时，子类的成员会覆盖父类的成员。

class Student extends People{
    constructor(name, age, score){
        super(name, age);
        this.score = score;
    }

    output(){
        console.log(`My name is ${this.name}, I am ${this.age} years old.My total score is ${this.score}.`);
    }
}

let xiaohong = new Student("小红", 8, 300);
xiaohong.output();

静态方法和静态变量

静态方法：在成员函数前添加static关键字即可。静态方法不会被类的实例继承，只能通过类来调用。

class People{
    constructor(name, age){
        this.name = name;
        this.age = age;
    }

    output(){
        console.log(`My name is ${this.name}, I am ${this.age} years old.`);
    }

    static current_class_name(){
        console.log("People");
    }
}

let xiaoming = new People("小明", 10);
// xiaoming.output();
// xiaoming.current_class_name();
People.current_class_name();

静态变量：只能通过classname.variablename定义和访问。

class People{

    constructor(name, age){
        this.name = name;
        this.age = age;
        People.color = 'yellow';
    }

    output(){
        console.log(`My name is ${this.name}, I am ${this.age} years old.`);
    }

    static current_class_name(){
        console.log("People");
    }
}

console.log(People.color);

网页题目：一文详解JavaScript函数和面向对象编程
链接分享：http://www.shufengxianlan.com/qtweb/news24/231624.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容