您当前的位置:网站首页>JS>在 JS 中使用类似 PHP 的魔术方法 找JS教程就上ki4.cc (>^ω^<),js,php

在 JS 中使用类似 PHP 的魔术方法 找JS教程就上ki4.cc (>^ω^<),js,php

2020年05月24日 投稿作者: 围观人数:45

该链接会唤起手机QQ,若无法正常跳转请先升级QQ 找JS教程就上ki4.cc (>^ω^<)

本文为大家介绍了手机端浏览器不能直接跳转到QQ的问题及解决方案,具有一定的参考价值,希望可以帮助到大家。我们可以通过定义一个新的URL Scheme来解决,它可以通过特定的方式传递参数给另一个APP。

JavaScript 魔术方法

这个脚本使用 Proxy 实现了在 JavaScript 中使用类似于 PHP 中的魔术方法。

示例

你可以这样使用它:

const Foo = magicMethods(class Foo {
  constructor () {
    this.bar = 'Bar'
  }
  __get (name) {
    return `[[${name}]]`
  }
})
const foo = new Foo
foo.bar // "Bar"
foo.baz // "[[baz]]"

如果你使用的是像 Babel 这样的 JavaScript 编译器,并启用了装饰器, 你还可以使用 magicMethods 函数作为装饰器:

@magicMethods
class Foo {
  // ...
}

支持魔术方法

给定一个类 Class 和 instance,以下是此脚本支持的魔术方法:

__get(name)

当尝试访问 instance[name],而 name 不是 instance 中的属性时,调用。

注意: 在 PHP 中,检查 instance 中是否存在 name 不会使用任何自定义的 __isset() 方法。

__set(name, value)

当尝试使用 instance[name] = ...,而 instance 并未设置 name 属性时,调用该方法。

__isset(name)

当尝试通过调用 name in instance 来检查是否存在 name 是否存在时,调用该方法。

__unset(name)

当尝试通过 delete instance[name] 来取消 name 属性设置时,调用该方法。

其他方法

下面的魔术方法是通过该脚本提供支持的,但不支持在 PHP:

static __getStatic(name)

js中输出的方式有哪些 找JS教程就上ki4.cc (>^ω^<)

本文为大家介绍了js中的四种输出方式,具有一定的参考价值,希望可以帮助到大家。js中的输出方式有:1、window.alert();2、document.write();3、innerHTML;4、console.log()。

类似于 __get(),但是它用在 Class 而不是 instance.

static __setStatic(name, value)

类似于 __set(),但是用在 Class 中而不是 instance。

为什么不支持魔术方法 X?

它们不是没有必要就是不实用:

__construct() 不需要,JavaScript 早有 constructor。

__destruct():JavaScript 中没有对象销毁的钩子机制。

__call():与 PHP 相反,方法就像 JavaScript 中的属性一样,首先通过 __get() 获取。要实现 __call(),你只需从 get() 返回一个函数。

__callStatic():与 __call() 类似,但是具有 __getStatic()。

__sleep(),__wakeup():JavaScript 没有内置序列化与反序列化。你可以使用 JSON.stringify() 与 JSON.parse(),但是它们没有机制自动触发的任何方法。

__toString() 在早有对应 JavaScript 的 toString()

__invoke():如果你试图调用一个非函数对象,JavaScript 将会抛出一个错误,这将无法避免。

__set_state():JavaScript 中没有类似于 var_export() 的东西。

__clone():JavaScript 中内置克隆功能的钩子。

__debugInfo(): 无法挂接到 console.log() 输出。

我可以使用魔术方法扩展类吗?

是的,在一定程度上:

class Bar extends Foo {}
// 或者,如果类 Bar 本身包含魔术方法:
const Bar = magicMethods(class Bar extends Foo {
  // ...
})

但是遗憾的是,你无法从子类中访问父类中的属性:

const Foo = magicMethods(class Foo {
  __get() {
    return this.bar()
  }
})
class Bar extends Foo {
  bar() {
    return 'value'
  }
}
// 这个 *不会* 调用 B 的 bar() 方法,而是抛出一个类型错误:
(new Bar).something

推荐教程:《JS教程》

以上就是在 JS 中使用类似 PHP 的魔术方法的详细内容,更多请关注ki4导航其它相关文章!

JS Zepto 移动端的 jQuery 找JS教程就上ki4.cc (>^ω^<)

Zepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的api。 如果你会用jquery,那么你也会用zepto。

标签

版权说明
免责声明:本文文章内容由ki4导航网发布,但不代表本站的观点和立场,具体内容可自行甄别.